zartui 2.0.2 → 2.0.4

package/es/button/index.css

@@ -1 +1 @@
-.zt-button{position:relative;display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:calc(var(16px) * 2 - 8px);text-align:center;border-radius:22px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-appearance:none}.zt-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:' '}.zt-button:active::before{opacity:.1}.zt-button--disabled::before,.zt-button--loading::before{display:none}.zt-button--default{color:#2d4b73;background:#f5faff;border:1px solid rgba(45,75,115,.2)}.zt-button--primary{color:#fff;background:-webkit-linear-gradient(135deg,#3cafff 0,#0091fa 100%);background:linear-gradient(-45deg,#3cafff 0,#0091fa 100%);border:1px solid #3caafa}.zt-button--primary-light{color:#0091fa;background:rgba(1,144,250,.1);border:none}.zt-button--danger{color:#fff;background:#ff5a5a;border:1px solid #ff5a5a}.zt-button--warning{color:#fff;background:#fa8500;border:1px solid #fa8500}.zt-button--success{color:#fff;background:#00e173;border:1px solid #00e173}.zt-button--plain{background:0 0}.zt-button--plain.zt-button--primary{color:#3caafa}.zt-button--plain.zt-button--danger{color:#ff5a5a}.zt-button--plain.zt-button--warning{color:#fa8500}.zt-button--plain.zt-button--success{color:#00e173}.zt-button--large{width:100%;height:50px}.zt-button--normal{padding:0 24px;font-size:16px}.zt-button--medium{height:36px;padding:0 16px;font-size:14px}.zt-button--small{height:28px;padding:0 12px;font-size:14px}.zt-button__loading{color:inherit;font-size:inherit}.zt-button--mini{height:24px;padding:0 12px;font-size:12px}.zt-button--mini+.zt-button--mini{margin-left:4px}.zt-button--block{display:block;width:100%}.zt-button--block-inner{display:block;width:calc(100% - 2 * 16px);margin:0 16px}.zt-button--disabled{cursor:not-allowed;opacity:.4}.zt-button--loading{cursor:default}.zt-button--round{border-radius:999px;padding:0}.zt-button--round.zt-button--mini{width:24px}.zt-button--round.zt-button--small{width:28px}.zt-button--round.zt-button--medium{width:36px}.zt-button--round.zt-button--normal{width:44px}.zt-button--square{border-radius:0}.zt-button__content{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;height:100%}.zt-button__content::before{content:' '}.zt-button__icon{font-size:24px}.zt-button__icon--mini{font-size:16px}.zt-button__icon--small{font-size:20px}.zt-button__icon--medium{font-size:20px}.zt-button__icon+.zt-button__text,.zt-button__loading+.zt-button__text,.zt-button__text+.zt-button__icon,.zt-button__text+.zt-button__loading{margin-left:2px}.zt-button--hairline{border-width:0}.zt-button--hairline::after{border-color:inherit;border-radius:44px}.zt-button--hairline.zt-button--round::after{border-radius:999px}.zt-button--hairline.zt-button--square::after{border-radius:0}
+.zt-button{position:relative;display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:calc(var(16px) * 2 - 8px);text-align:center;border-radius:22px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-appearance:none}.zt-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:' '}.zt-button:active::before{opacity:.1}.zt-button--disabled::before,.zt-button--loading::before{display:none}.zt-button--default{color:#2d4b73;background:0 0;border:1px solid rgba(45,75,115,.2)}.zt-button--primary{color:#fff;background:-webkit-linear-gradient(135deg,#3cafff 0,#0091fa 100%);background:linear-gradient(-45deg,#3cafff 0,#0091fa 100%);border:1px solid #3caafa}.zt-button--primary-light{color:#0091fa;background:rgba(1,144,250,.1);border:none}.zt-button--danger{color:#fff;background:#ff5a5a;border:1px solid #ff5a5a}.zt-button--warning{color:#fff;background:#fa8500;border:1px solid #fa8500}.zt-button--success{color:#fff;background:#00e173;border:1px solid #00e173}.zt-button--plain{background:0 0}.zt-button--plain.zt-button--primary{color:#3caafa}.zt-button--plain.zt-button--danger{color:#ff5a5a}.zt-button--plain.zt-button--warning{color:#fa8500}.zt-button--plain.zt-button--success{color:#00e173}.zt-button--large{width:100%;height:50px}.zt-button--normal{padding:0 24px;font-size:16px}.zt-button--medium{height:36px;padding:0 16px;font-size:14px}.zt-button--small{height:28px;padding:0 12px;font-size:14px}.zt-button__loading{color:inherit;font-size:inherit}.zt-button--mini{height:24px;padding:0 12px;font-size:12px}.zt-button--mini+.zt-button--mini{margin-left:4px}.zt-button--block{display:block;width:100%}.zt-button--block-inner{display:block;width:calc(100% - 2 * 16px);margin:0 16px}.zt-button--disabled{cursor:not-allowed;opacity:.4}.zt-button--loading{cursor:default}.zt-button--round{border-radius:999px;padding:0}.zt-button--round.zt-button--mini{width:24px}.zt-button--round.zt-button--small{width:28px}.zt-button--round.zt-button--medium{width:36px}.zt-button--round.zt-button--normal{width:44px}.zt-button--square{border-radius:0}.zt-button__content{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;height:100%}.zt-button__content::before{content:' '}.zt-button__icon{font-size:24px}.zt-button__icon--mini{font-size:16px}.zt-button__icon--small{font-size:20px}.zt-button__icon--medium{font-size:20px}.zt-button__icon+.zt-button__text,.zt-button__loading+.zt-button__text,.zt-button__text+.zt-button__icon,.zt-button__text+.zt-button__loading{margin-left:2px}.zt-button--hairline{border-width:0}.zt-button--hairline::after{border-color:inherit;border-radius:44px}.zt-button--hairline.zt-button--round::after{border-radius:999px}.zt-button--hairline.zt-button--square::after{border-radius:0}

package/es/checkbox/index.css

@@ -1 +1 @@
-.zt-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:14px 0}.zt-checkbox--disabled{cursor:not-allowed}.zt-checkbox--label-disabled{cursor:default}.zt-checkbox--horizontal{margin-left:12px}.zt-checkbox__icon{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:1em;font-size:20px;line-height:1em;cursor:pointer}.zt-checkbox__icon .zt-icon{display:block;box-sizing:border-box;width:1em;height:1em;color:transparent;font-size:1em;line-height:.95em;text-align:center;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);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.zt-checkbox__icon--round .zt-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;border-radius:100%}.zt-checkbox__icon--checked .zt-icon{color:#fff;background:#0091fa;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.5)}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{border:1px solid rgba(255,255,255,.5);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2);background-image:-webkit-linear-gradient(316deg,#e1e6eb 0,#e5edf5 100%);background-image:linear-gradient(134deg,#e1e6eb 0,#e5edf5 100%)}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:.4;background:#0091fa;color:#fff}.zt-checkbox__label{margin-left:8px;color:#000;line-height:20px}.zt-checkbox__label--left{margin:0 8px 0 0}.zt-checkbox__label--disabled{color:#c8c9cc}
+.zt-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 0}.zt-checkbox--disabled{cursor:not-allowed}.zt-checkbox--label-disabled{cursor:default}.zt-checkbox--horizontal{margin-left:12px}.zt-checkbox__icon{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:1em;font-size:20px;line-height:1em;cursor:pointer}.zt-checkbox__icon .zt-icon{display:block;box-sizing:border-box;width:1em;height:1em;color:transparent;font-size:1em;line-height:.95em;text-align:center;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);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.zt-checkbox__icon--round .zt-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;border-radius:100%}.zt-checkbox__icon--checked .zt-icon{color:#fff;background:#0091fa;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.5)}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{border:1px solid rgba(255,255,255,.5);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2);background-image:-webkit-linear-gradient(316deg,#e1e6eb 0,#e5edf5 100%);background-image:linear-gradient(134deg,#e1e6eb 0,#e5edf5 100%)}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:.4;background:#0091fa;color:#fff}.zt-checkbox__label{margin-left:8px;color:#000;line-height:20px}.zt-checkbox__label--left{margin:0 8px 0 0}.zt-checkbox__label--disabled{color:#c8c9cc}

package/es/col/index.css

@@ -1 +1 @@
-.zt-col{float:left;box-sizing:border-box;min-height:1px}.zt-col--1{width:4.16666667%}.zt-col--offset-1{margin-left:4.16666667%}.zt-col--2{width:8.33333333%}.zt-col--offset-2{margin-left:8.33333333%}.zt-col--3{width:12.5%}.zt-col--offset-3{margin-left:12.5%}.zt-col--4{width:16.66666667%}.zt-col--offset-4{margin-left:16.66666667%}.zt-col--5{width:20.83333333%}.zt-col--offset-5{margin-left:20.83333333%}.zt-col--6{width:25%}.zt-col--offset-6{margin-left:25%}.zt-col--7{width:29.16666667%}.zt-col--offset-7{margin-left:29.16666667%}.zt-col--8{width:33.33333333%}.zt-col--offset-8{margin-left:33.33333333%}.zt-col--9{width:37.5%}.zt-col--offset-9{margin-left:37.5%}.zt-col--10{width:41.66666667%}.zt-col--offset-10{margin-left:41.66666667%}.zt-col--11{width:45.83333333%}.zt-col--offset-11{margin-left:45.83333333%}.zt-col--12{width:50%}.zt-col--offset-12{margin-left:50%}.zt-col--13{width:54.16666667%}.zt-col--offset-13{margin-left:54.16666667%}.zt-col--14{width:58.33333333%}.zt-col--offset-14{margin-left:58.33333333%}.zt-col--15{width:62.5%}.zt-col--offset-15{margin-left:62.5%}.zt-col--16{width:66.66666667%}.zt-col--offset-16{margin-left:66.66666667%}.zt-col--17{width:70.83333333%}.zt-col--offset-17{margin-left:70.83333333%}.zt-col--18{width:75%}.zt-col--offset-18{margin-left:75%}.zt-col--19{width:79.16666667%}.zt-col--offset-19{margin-left:79.16666667%}.zt-col--20{width:83.33333333%}.zt-col--offset-20{margin-left:83.33333333%}.zt-col--21{width:87.5%}.zt-col--offset-21{margin-left:87.5%}.zt-col--22{width:91.66666667%}.zt-col--offset-22{margin-left:91.66666667%}.zt-col--23{width:95.83333333%}.zt-col--offset-23{margin-left:95.83333333%}.zt-col--24{width:100%}.zt-col--offset-24{margin-left:100%}
+.zt-col{float:left;box-sizing:border-box;min-height:1px}.zt-col--1{-webkit-box-flex:0;-webkit-flex:0 0 4.16666667%;flex:0 0 4.16666667%;max-width:4.16666667%}.zt-col--offset-1{margin-left:4.16666667%}.zt-col--2{-webkit-box-flex:0;-webkit-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.zt-col--offset-2{margin-left:8.33333333%}.zt-col--3{-webkit-box-flex:0;-webkit-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.zt-col--offset-3{margin-left:12.5%}.zt-col--4{-webkit-box-flex:0;-webkit-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.zt-col--offset-4{margin-left:16.66666667%}.zt-col--5{-webkit-box-flex:0;-webkit-flex:0 0 20.83333333%;flex:0 0 20.83333333%;max-width:20.83333333%}.zt-col--offset-5{margin-left:20.83333333%}.zt-col--6{-webkit-box-flex:0;-webkit-flex:0 0 25%;flex:0 0 25%;max-width:25%}.zt-col--offset-6{margin-left:25%}.zt-col--7{-webkit-box-flex:0;-webkit-flex:0 0 29.16666667%;flex:0 0 29.16666667%;max-width:29.16666667%}.zt-col--offset-7{margin-left:29.16666667%}.zt-col--8{-webkit-box-flex:0;-webkit-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.zt-col--offset-8{margin-left:33.33333333%}.zt-col--9{-webkit-box-flex:0;-webkit-flex:0 0 37.5%;flex:0 0 37.5%;max-width:37.5%}.zt-col--offset-9{margin-left:37.5%}.zt-col--10{-webkit-box-flex:0;-webkit-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.zt-col--offset-10{margin-left:41.66666667%}.zt-col--11{-webkit-box-flex:0;-webkit-flex:0 0 45.83333333%;flex:0 0 45.83333333%;max-width:45.83333333%}.zt-col--offset-11{margin-left:45.83333333%}.zt-col--12{-webkit-box-flex:0;-webkit-flex:0 0 50%;flex:0 0 50%;max-width:50%}.zt-col--offset-12{margin-left:50%}.zt-col--13{-webkit-box-flex:0;-webkit-flex:0 0 54.16666667%;flex:0 0 54.16666667%;max-width:54.16666667%}.zt-col--offset-13{margin-left:54.16666667%}.zt-col--14{-webkit-box-flex:0;-webkit-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.zt-col--offset-14{margin-left:58.33333333%}.zt-col--15{-webkit-box-flex:0;-webkit-flex:0 0 62.5%;flex:0 0 62.5%;max-width:62.5%}.zt-col--offset-15{margin-left:62.5%}.zt-col--16{-webkit-box-flex:0;-webkit-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.zt-col--offset-16{margin-left:66.66666667%}.zt-col--17{-webkit-box-flex:0;-webkit-flex:0 0 70.83333333%;flex:0 0 70.83333333%;max-width:70.83333333%}.zt-col--offset-17{margin-left:70.83333333%}.zt-col--18{-webkit-box-flex:0;-webkit-flex:0 0 75%;flex:0 0 75%;max-width:75%}.zt-col--offset-18{margin-left:75%}.zt-col--19{-webkit-box-flex:0;-webkit-flex:0 0 79.16666667%;flex:0 0 79.16666667%;max-width:79.16666667%}.zt-col--offset-19{margin-left:79.16666667%}.zt-col--20{-webkit-box-flex:0;-webkit-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.zt-col--offset-20{margin-left:83.33333333%}.zt-col--21{-webkit-box-flex:0;-webkit-flex:0 0 87.5%;flex:0 0 87.5%;max-width:87.5%}.zt-col--offset-21{margin-left:87.5%}.zt-col--22{-webkit-box-flex:0;-webkit-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.zt-col--offset-22{margin-left:91.66666667%}.zt-col--23{-webkit-box-flex:0;-webkit-flex:0 0 95.83333333%;flex:0 0 95.83333333%;max-width:95.83333333%}.zt-col--offset-23{margin-left:95.83333333%}.zt-col--24{-webkit-box-flex:0;-webkit-flex:0 0 100%;flex:0 0 100%;max-width:100%}.zt-col--offset-24{margin-left:100%}

package/es/col/index.less

@@ -9,7 +9,8 @@
 .generate-col(24);
 .generate-col(@n, @i: 1) when (@i =< @n) {
   .zt-col--@{i} {
-    width: (@i * 100% / 24);
+    flex: 0 0 @i * (100% / 24);
+    max-width: @i * (100% / 24);
   }
 
   .zt-col--offset-@{i} {

package/es/datetime-picker/DatePicker.js

@@ -283,7 +283,13 @@ export default createComponent({
     updateColumnValue: function updateColumnValue() {
       var _this5 = this;
 
-      var value = this.innerValue ? this.innerValue : this.minDate;
+      var defaultValue = new Date();
+
+      if (defaultValue.getTime() < this.minDate.getTime() || defaultValue.getTime() > this.maxDate.getTime()) {
+        defaultValue = this.minDate;
+      }
+
+      var value = this.innerValue ? this.innerValue : defaultValue;
       var formatter = this.formatter;
       var values = this.originColumns.map(function (column) {
         switch (column.type) {

package/es/dialog/Dialog.js

@@ -99,21 +99,23 @@ export default createComponent({
       this.$emit('closed');
     },
     genButtons: function genButtons() {
-      var _this2 = this,
-          _ref;
+      var _this2 = this;
 
       var h = this.$createElement;
       var multiple = this.showCancelButton && this.showConfirmButton;
       return h("div", {
-        "class": [BORDER_TOP, bem('footer')]
+        "class": bem('footer')
       }, [this.showCancelButton && h(Button, {
         "attrs": {
-          "size": "large",
+          "size": "normal",
+          "block": true,
           "loading": this.loading.cancel,
           "text": this.cancelButtonText || t('cancel')
         },
         "class": bem('cancel'),
         "style": {
+          marginRigth: "4px",
+          backgroundColor: "white",
           color: this.cancelButtonColor
         },
         "on": {
@@ -123,12 +125,15 @@ export default createComponent({
         }
       }), this.showConfirmButton && h(Button, {
         "attrs": {
-          "size": "large",
+          "type": "primary",
+          "size": "normal",
           "loading": this.loading.confirm,
-          "text": this.confirmButtonText || t('confirm')
+          "text": this.confirmButtonText || t('confirm'),
+          "block": true
         },
-        "class": [bem('confirm'), (_ref = {}, _ref[BORDER_LEFT] = multiple, _ref)],
+        "class": bem('confirm'),
         "style": {
+          marginLeft: "4px",
           color: this.confirmButtonColor
         },
         "on": {

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:4px;-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{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.zt-dialog__footer .zt-hairline--left::after{top:calc(-50% + 20px);bottom:calc(-50% + 20px)}.zt-dialog__cancel.zt-button,.zt-dialog__confirm.zt-button{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px;margin:0;border:0}.zt-dialog__confirm.zt-button,.zt-dialog__confirm.zt-button:active{color:#0091fa}.zt-dialog__cancel{color:#000;font-weight:400}.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__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}

package/es/dialog/index.less

@@ -86,39 +86,15 @@
   }
 
   &__footer {
-    display: flex;
     overflow: hidden;
     user-select: none;
-
-    //底部按钮中间垂直分割线，上下各留10px间距
-    .zt-hairline--left::after {
-      top: calc(-50% + 20px);
-      bottom: calc(-50% + 20px);
-    }
-  }
-
-  // 提高优先级避免被zt-button--default的样式覆盖了
-  &__confirm,
-  &__cancel {
-    &.zt-button {
-      flex: 1;
-      height: @dialog-button-height;
-      margin: 0;
-      border: 0;
-    }
-  }
-
-  &__confirm {
-    &.zt-button,
-    &.zt-button:active {
-      color: @dialog-confirm-button-text-color;
-    }
-  }
-  
-  //取消按钮不加粗、纯黑色
-  &__cancel {
-    color: @black;
-    font-weight: normal;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: @picker-toolbar-height;
+    padding: @dialog-footer-padding;
+    position: relative;
+    box-sizing: content-box;
   }
 
   &-bounce-enter {

package/es/divider/index.css

@@ -1 +1 @@
-.zt-divider{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:16px 0;color:#969799;font-size:14px;line-height:24px;border-color:rgba(0,0,0,.1);border-style:solid;border-width:0}.zt-divider::after,.zt-divider::before{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:1px 0 0}.zt-divider::before{content:''}.zt-divider--hairline::after,.zt-divider--hairline::before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-divider--dashed{border-style:dashed}.zt-divider--content-center::before,.zt-divider--content-left::before,.zt-divider--content-right::before{margin-right:16px}.zt-divider--content-center::after,.zt-divider--content-left::after,.zt-divider--content-right::after{margin-left:16px;content:''}.zt-divider--content-left::before{max-width:10%}.zt-divider--content-right::after{max-width:10%}
+.zt-divider{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:16px 0;color:#969799;font-size:14px;line-height:24px;border-color:#ebedf0;border-style:solid;border-width:0}.zt-divider::after,.zt-divider::before{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:1px 0 0}.zt-divider::before{content:''}.zt-divider--hairline::after,.zt-divider--hairline::before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-divider--dashed{border-style:dashed}.zt-divider--content-center::before,.zt-divider--content-left::before,.zt-divider--content-right::before{margin-right:16px}.zt-divider--content-center::after,.zt-divider--content-left::after,.zt-divider--content-right::after{margin-left:16px;content:''}.zt-divider--content-left::before{max-width:10%}.zt-divider--content-right::after{max-width:10%}

package/es/empty/index.css

@@ -1 +1 @@
-.zt-empty{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;background:#fff;padding:32px 48px}.zt-empty__image{width:280px;height:260px}.zt-empty__image img{width:100%;height:100%}.zt-empty__description{margin-top:8px;padding:0 2px;color:#000;font-size:16px;line-height:24px;white-space:normal;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.zt-empty__bottom{margin-top:24px}
+.zt-empty{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:32px 0}.zt-empty__image{width:240px;height:220px}.zt-empty__image img{width:100%;height:100%}.zt-empty__description{margin-top:24px;padding:0 60px;color:#2d4b73;font-size:16px;line-height:20px;white-space:normal;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.zt-empty__bottom{margin-top:24px}

package/es/empty/index.less

@@ -6,7 +6,6 @@
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
-  background: @empty-background-color;
   padding: @empty-padding;
 
   &__image {

package/es/field/index.css

@@ -1 +1 @@
-.zt-field__root{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;background-color:#fff;padding:10px 16px}.zt-field__root--borderless::after,.zt-field__root:last-child::after{display:none}.zt-field{padding:0;font-size:14px;line-height:20px}.zt-field::after{display:none}.zt-field__label{-webkit-box-flex:0;-webkit-flex:none;flex:none;box-sizing:border-box;margin-right:12px;color:#646566;text-align:left;word-wrap:break-word;vertical-align:middle;-webkit-box-flex:4;-webkit-flex:4;flex:4}.zt-field__label-content{color:#2d4b73}.zt-field__label--center{text-align:center}.zt-field__label--right{text-align:right}.zt-field--disabled .zt-field__label{color:#c8c9cc}.zt-field__value{overflow:visible;-webkit-box-flex:6;-webkit-flex:6;flex:6;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-field__body{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%}.zt-field__body input{caret-color:#0091fa}.zt-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:#2d4b73;line-height:inherit;background-color:transparent;border:0;resize:none;font-size:14px}.zt-field__control::-webkit-input-placeholder{color:#c8c9cc}.zt-field__control::placeholder{color:#c8c9cc}.zt-field__control:disabled{color:#c8c9cc;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#c8c9cc}.zt-field__control:read-only{cursor:default}.zt-field__control--center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.zt-field__control--right{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}.zt-field__control--custom{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:20px}.zt-field__control[type=date],.zt-field__control[type=datetime-local],.zt-field__control[type=time]{min-height:20px}.zt-field__control[type=search]{-webkit-appearance:none}.zt-field__button,.zt-field__clear,.zt-field__icon,.zt-field__right-icon{-webkit-flex-shrink:0;flex-shrink:0}.zt-field__clear,.zt-field__right-icon{margin-right:-8px;padding:0 8px;line-height:inherit}.zt-field__zt-clear-icon{margin-right:-8px;padding:0 8px;height:20px}.zt-field__clear{color:#c8c9cc;font-size:16px;cursor:pointer}.zt-field__left-icon .zt-icon,.zt-field__right-icon .zt-icon{display:block;font-size:16px;line-height:inherit}.zt-field__zt-left-icon{margin-right:4px;height:20px}.zt-field__zt-clear-size,.zt-field__zt-left-icon-size{width:20px;height:20px;color:rgba(45,75,115,.4)}.zt-field__left-icon{margin-right:4px}.zt-field__right-icon{color:#969799}.zt-field__button{padding:0 8px 0 8px}.zt-field__error-message{position:relative;background-color:rgba(230,35,20,.08);margin-top:0;padding:5px 8px;color:#ff5023;font-size:12px;line-height:20px;text-align:left;word-break:break-all}.zt-field__error-message::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:0;right:0;left:0;border-top:1px solid #ff5023;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-field__error-message--center{text-align:center}.zt-field__error-message--right{text-align:right}.zt-field__word-limit{color:#646566;font-size:12px;line-height:20px;text-align:left}.zt-field--error .zt-field__control::-webkit-input-placeholder{color:#e62314;-webkit-text-fill-color:currentColor}.zt-field--error .zt-field__control,.zt-field--error .zt-field__control::placeholder{color:#e62314;-webkit-text-fill-color:currentColor}.zt-field--error-label span{color:#ff5023}.zt-field__column{background-color:#f5faff}.zt-field__column .zt-field__label{margin-right:0;line-height:20px}.zt-field__column .zt-field__label-content{color:#2d4b73}.zt-field__column .zt-field__right-icon-box{position:absolute;right:12px;bottom:12px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-field__column .zt-field__right-icon-box-row{-webkit-flex-shrink:0;flex-shrink:0}.zt-field__column .zt-field__value{-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.zt-field__column .zt-field__value .zt-field__body{-webkit-box-flex:8;-webkit-flex:8;flex:8}.zt-field__column .zt-field__value .zt-field__body textarea{padding-bottom:16px}.zt-field__column .zt-field__word-limit{position:absolute;bottom:12px}.zt-field__column .zt-field__no-error{background:rgba(45,75,115,.04);color:rgba(45,75,115,.6)}.zt-field__column .zt-field__no-error::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:0;right:0;left:0;border-top:1px solid #000;-webkit-transform:scaleY(.5);transform:scaleY(.5);opacity:.2}
+.zt-field__root{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;background-color:#fff;padding:10px 16px}.zt-field__root--borderless::after,.zt-field__root:last-child::after{display:none}.zt-field{padding:0;font-size:14px;line-height:20px}.zt-field::after{display:none}.zt-field__label{-webkit-box-flex:0;-webkit-flex:none;flex:none;box-sizing:border-box;margin-right:12px;color:#646566;text-align:left;word-wrap:break-word;vertical-align:middle;-webkit-box-flex:4;-webkit-flex:4;flex:4}.zt-field__label-content{color:#2d4b73}.zt-field__label--center{text-align:center}.zt-field__label--right{text-align:right}.zt-field--disabled .zt-field__label{color:#c8c9cc}.zt-field__value{overflow:visible;-webkit-box-flex:6;-webkit-flex:6;flex:6;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-field__body{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%}.zt-field__body input{caret-color:#0091fa}.zt-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:#2d4b73;line-height:inherit;background-color:transparent;border:0;resize:none;font-size:14px}.zt-field__control::-webkit-input-placeholder{color:#c8c9cc}.zt-field__control::placeholder{color:#c8c9cc}.zt-field__control:disabled{color:#c8c9cc;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#c8c9cc}.zt-field__control:read-only{cursor:default}.zt-field__control--center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.zt-field__control--right{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}.zt-field__control--custom{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:20px}.zt-field__control[type=date],.zt-field__control[type=datetime-local],.zt-field__control[type=time]{min-height:20px}.zt-field__control[type=search]{-webkit-appearance:none}.zt-field__button,.zt-field__clear,.zt-field__icon,.zt-field__right-icon{-webkit-flex-shrink:0;flex-shrink:0}.zt-field__clear,.zt-field__right-icon{margin-right:-8px;padding:0 8px;line-height:inherit}.zt-field__zt-clear-icon{margin-right:-8px;padding:0 8px;height:20px}.zt-field__clear{color:#c8c9cc;font-size:16px;cursor:pointer}.zt-field__left-icon .zt-icon,.zt-field__right-icon .zt-icon{display:block;font-size:16px;line-height:inherit}.zt-field__zt-left-icon{margin-right:4px;height:20px}.zt-field__zt-clear-size,.zt-field__zt-left-icon-size{width:20px;height:20px;color:rgba(45,75,115,.4)}.zt-field__left-icon{margin-right:4px}.zt-field__right-icon{color:#969799}.zt-field__button{padding:0 8px 0 8px}.zt-field__error-message{position:relative;background-color:rgba(230,35,20,.08);margin-top:0;padding:5px 8px;color:#ff5023;font-size:12px;line-height:20px;text-align:left;word-break:break-all}.zt-field__error-message::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:0;right:0;left:0;border-top:1px solid #ff5023;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-field__error-message--center{text-align:center}.zt-field__error-message--right{text-align:right}.zt-field__word-limit{color:#646566;font-size:12px;line-height:20px;text-align:left}.zt-field--error .zt-field__control::-webkit-input-placeholder{color:#e62314;-webkit-text-fill-color:currentColor}.zt-field--error .zt-field__control,.zt-field--error .zt-field__control::placeholder{color:#e62314;-webkit-text-fill-color:currentColor}.zt-field--error-label span{color:#ff5023}.zt-field__column{background-color:#f5faff}.zt-field__column .zt-field__label{margin-right:0;line-height:20px}.zt-field__column .zt-field__label-content{color:#2d4b73}.zt-field__column .zt-field__right-icon-box{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;width:100%}.zt-field__column .zt-field__right-icon-box .zt-field__icon-area{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-field__column .zt-field__right-icon-box-row{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0}.zt-field__column .zt-field__value{-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.zt-field__column .zt-field__value .zt-field__body-textarea{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.zt-field__column .zt-field__value .zt-field__body{-webkit-box-flex:8;-webkit-flex:8;flex:8}.zt-field__column .zt-field__value .zt-field__body textarea{padding-bottom:16px}.zt-field__column .zt-field__no-error{background:rgba(45,75,115,.04);color:rgba(45,75,115,.6)}.zt-field__column .zt-field__no-error::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:0;right:0;left:0;border-top:1px solid #000;-webkit-transform:scaleY(.5);transform:scaleY(.5);opacity:.2}.zt-field__word-limit{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}

package/es/field/index.js

@@ -635,15 +635,11 @@ export default createComponent({
       scopedSlots.title = function () {
         return Label;
       };
-    }
+    } // const extra = this.slots('extra');
+    // if (extra) {
+    //   scopedSlots.extra = () => extra;
+    // }
 
-    var extra = this.slots('extra');
-
-    if (extra) {
-      scopedSlots.extra = function () {
-        return extra;
-      };
-    }
 
     if (this.direction === 'column') {
       var _bem;
@@ -677,7 +673,7 @@ export default createComponent({
           "click": this.onClick
         }
       }, [h("div", {
-        "class": bem('body')
+        "class": [bem('body'), this.type === "textarea" ? bem("body-textarea") : '']
       }, [this.genInput(), this.showClear &&
       /*<Icon
         name="clear"
@@ -710,15 +706,17 @@ export default createComponent({
           "name": "eye-closed",
           "color": this.iconColor
         }
-      })]), this.genWordLimit(), this.type === "textarea" ? h("div", {
+      })]), this.type === "textarea" ? h("div", {
         "class": bem("right-icon-box")
+      }, [this.genWordLimit(), h("div", {
+        "class": bem("icon-area")
       }, [this.genRightIcon(), slots('button') && h("div", {
         "class": bem('button')
-      }, [slots('button')])]) : h("div", {
+      }, [slots('button')])]), slots('extra')]) : h("div", {
         "class": bem("right-icon-box-row")
-      }, [this.genRightIcon(), slots('button') && h("div", {
+      }, [this.genWordLimit(), this.genRightIcon(), slots('button') && h("div", {
         "class": bem('button')
-      }, [slots('button')])])])]), this.genMessage()]);
+      }, [slots('button')]), slots('extra')])])]), this.genMessage()]);
     }
 
     return h("div", {
@@ -785,6 +783,6 @@ export default createComponent({
       }
     })]), this.genRightIcon(), slots('button') && h("div", {
       "class": bem('button')
-    }, [slots('button')])]), this.genWordLimit()]), this.genMessage()]);
+    }, [slots('button')])]), this.genWordLimit(), slots('extra')]), this.genMessage()]);
   }
 });

package/es/field/index.less

@@ -255,19 +255,31 @@
     }
   }
   .zt-field__right-icon-box {
-    position: absolute;
-    right: 12px;
-    bottom: 12px;
+    // position: absolute;
+    // right: 12px;
+    // bottom: 12px;
     display: flex;
     align-items: center;
+    justify-content: space-between;
+    width: 100%;
+
+
+    .zt-field__icon-area {
+      display: flex;
+      align-items: center;
+    }
   }
 
   .zt-field__right-icon-box-row {
+    display: flex;
     flex-shrink: 0;
   }
 
   .zt-field__value {
     justify-content: flex-start;
+    .zt-field__body-textarea {
+      flex-direction: column;
+    }
     .zt-field__body {
       flex: 8;
       textarea {
@@ -276,10 +288,7 @@
     }
   }
   
-  .zt-field__word-limit {
-    position: absolute;
-    bottom: 12px;
-  }
+
 
   .zt-field__no-error {
     background: rgba(45,75,115,0.04);
@@ -299,3 +308,8 @@
     }
   }
 }
+
+.zt-field__word-limit {
+  display: flex;
+  align-items: center;
+}

package/es/index.js

@@ -75,7 +75,7 @@ import Tag from './tag';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '2.0.2';
+var version = '2.0.4';
 
 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];

package/es/row/index.css

@@ -1 +1 @@
-.zt-row::after{display:table;clear:both;content:''}.zt-row--flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.zt-row--flex::after{display:none}.zt-row--justify-center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.zt-row--justify-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-row--justify-space-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.zt-row--justify-space-around{-webkit-justify-content:space-around;justify-content:space-around}.zt-row--align-center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-row--align-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}
+.zt-row{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.zt-row--nowrap{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.zt-row--justify-center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.zt-row--justify-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-row--justify-space-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.zt-row--justify-space-around{-webkit-justify-content:space-around;justify-content:space-around}.zt-row--align-center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-row--align-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}

package/es/row/index.less

@@ -1,19 +1,11 @@
 @import '../style/var';
 
 .zt-row {
-  &::after {
-    display: table;
-    clear: both;
-    content: '';
-  }
-
-  &--flex {
-    display: flex;
-    flex-wrap: wrap;
+  display: flex;
+  flex-wrap: wrap;
 
-    &::after {
-      display: none;
-    }
+  &--nowrap {
+    flex-wrap: nowrap;
   }
 
   &--justify-center {

package/es/style/var.less

@@ -177,7 +177,7 @@
 );
 @button-default-font-size: @font-size-lg;
 @button-default-color: @text-color-3;
-@button-default-background-color: @gray-9;
+@button-default-background-color: transparent;
 @button-default-border-color: @border-color-4;
 @button-primary-color: @white;
 @button-primary-background-color: linear-gradient(
@@ -302,7 +302,7 @@
 
 // Checkbox
 @checkbox-size: 20px;
-@checkbox-padding: 14px 0;
+@checkbox-padding: 12px 0;
 @checkbox-border-color: @border-color-3;
 @checkbox-transition-duration: @animation-duration-fast;
 @checkbox-label-margin: @padding-xs;
@@ -392,7 +392,7 @@
 @dialog-small-screen-width: 90%;
 @dialog-font-size: @font-size-lg;
 @dialog-transition: @animation-duration-base;
-@dialog-border-radius: 4px;
+@dialog-border-radius: 12px;
 @dialog-background-color: @white;
 @dialog-header-font-weight: @font-weight-bold;
 @dialog-header-line-height: 24px;
@@ -410,13 +410,14 @@
 @dialog-button-height: 44px;
 @dialog-round-button-height: 36px;
 @dialog-confirm-button-text-color: @blue;
+@dialog-footer-padding: 0 32px 24px 32px;
 
 // Divider
 @divider-margin: @padding-md 0;
 @divider-text-color: @gray-6;
 @divider-font-size: @font-size-md;
 @divider-line-height: 24px;
-@divider-border-color: @border-color;
+@divider-border-color: @gray-3;
 @divider-content-padding: @padding-md;
 @divider-content-left-width: 10%;
 @divider-content-right-width: 10%;
@@ -440,14 +441,14 @@
 
 // Empty
 @empty-background-color: @white;
-@empty-padding: @padding-base * 8 @padding-base * 12;
-@empty-image-width:280px;
-@empty-image-height:260px;
-@empty-description-margin-top: @padding-xs;
-@empty-description-padding: 0 2px;
-@empty-description-color: @black;
+@empty-padding: @padding-base * 8 0;
+@empty-image-width:240px;
+@empty-image-height:220px;
+@empty-description-margin-top: @padding-lg;
+@empty-description-padding: 0 60px;
+@empty-description-color: @text-color-3;
 @empty-description-font-size: @font-size-lg;
-@empty-description-line-height: @line-height-xl;
+@empty-description-line-height: @line-height-md;
 @empty-bottom-margin-top: 24px;
 @empty-description-max-lines: 5;
 

package/lib/button/index.css

@@ -1 +1 @@
-.zt-button{position:relative;display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:calc(var(16px) * 2 - 8px);text-align:center;border-radius:22px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-appearance:none}.zt-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:' '}.zt-button:active::before{opacity:.1}.zt-button--disabled::before,.zt-button--loading::before{display:none}.zt-button--default{color:#2d4b73;background:#f5faff;border:1px solid rgba(45,75,115,.2)}.zt-button--primary{color:#fff;background:-webkit-linear-gradient(135deg,#3cafff 0,#0091fa 100%);background:linear-gradient(-45deg,#3cafff 0,#0091fa 100%);border:1px solid #3caafa}.zt-button--primary-light{color:#0091fa;background:rgba(1,144,250,.1);border:none}.zt-button--danger{color:#fff;background:#ff5a5a;border:1px solid #ff5a5a}.zt-button--warning{color:#fff;background:#fa8500;border:1px solid #fa8500}.zt-button--success{color:#fff;background:#00e173;border:1px solid #00e173}.zt-button--plain{background:0 0}.zt-button--plain.zt-button--primary{color:#3caafa}.zt-button--plain.zt-button--danger{color:#ff5a5a}.zt-button--plain.zt-button--warning{color:#fa8500}.zt-button--plain.zt-button--success{color:#00e173}.zt-button--large{width:100%;height:50px}.zt-button--normal{padding:0 24px;font-size:16px}.zt-button--medium{height:36px;padding:0 16px;font-size:14px}.zt-button--small{height:28px;padding:0 12px;font-size:14px}.zt-button__loading{color:inherit;font-size:inherit}.zt-button--mini{height:24px;padding:0 12px;font-size:12px}.zt-button--mini+.zt-button--mini{margin-left:4px}.zt-button--block{display:block;width:100%}.zt-button--block-inner{display:block;width:calc(100% - 2 * 16px);margin:0 16px}.zt-button--disabled{cursor:not-allowed;opacity:.4}.zt-button--loading{cursor:default}.zt-button--round{border-radius:999px;padding:0}.zt-button--round.zt-button--mini{width:24px}.zt-button--round.zt-button--small{width:28px}.zt-button--round.zt-button--medium{width:36px}.zt-button--round.zt-button--normal{width:44px}.zt-button--square{border-radius:0}.zt-button__content{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;height:100%}.zt-button__content::before{content:' '}.zt-button__icon{font-size:24px}.zt-button__icon--mini{font-size:16px}.zt-button__icon--small{font-size:20px}.zt-button__icon--medium{font-size:20px}.zt-button__icon+.zt-button__text,.zt-button__loading+.zt-button__text,.zt-button__text+.zt-button__icon,.zt-button__text+.zt-button__loading{margin-left:2px}.zt-button--hairline{border-width:0}.zt-button--hairline::after{border-color:inherit;border-radius:44px}.zt-button--hairline.zt-button--round::after{border-radius:999px}.zt-button--hairline.zt-button--square::after{border-radius:0}
+.zt-button{position:relative;display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:calc(var(16px) * 2 - 8px);text-align:center;border-radius:22px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-appearance:none}.zt-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:' '}.zt-button:active::before{opacity:.1}.zt-button--disabled::before,.zt-button--loading::before{display:none}.zt-button--default{color:#2d4b73;background:0 0;border:1px solid rgba(45,75,115,.2)}.zt-button--primary{color:#fff;background:-webkit-linear-gradient(135deg,#3cafff 0,#0091fa 100%);background:linear-gradient(-45deg,#3cafff 0,#0091fa 100%);border:1px solid #3caafa}.zt-button--primary-light{color:#0091fa;background:rgba(1,144,250,.1);border:none}.zt-button--danger{color:#fff;background:#ff5a5a;border:1px solid #ff5a5a}.zt-button--warning{color:#fff;background:#fa8500;border:1px solid #fa8500}.zt-button--success{color:#fff;background:#00e173;border:1px solid #00e173}.zt-button--plain{background:0 0}.zt-button--plain.zt-button--primary{color:#3caafa}.zt-button--plain.zt-button--danger{color:#ff5a5a}.zt-button--plain.zt-button--warning{color:#fa8500}.zt-button--plain.zt-button--success{color:#00e173}.zt-button--large{width:100%;height:50px}.zt-button--normal{padding:0 24px;font-size:16px}.zt-button--medium{height:36px;padding:0 16px;font-size:14px}.zt-button--small{height:28px;padding:0 12px;font-size:14px}.zt-button__loading{color:inherit;font-size:inherit}.zt-button--mini{height:24px;padding:0 12px;font-size:12px}.zt-button--mini+.zt-button--mini{margin-left:4px}.zt-button--block{display:block;width:100%}.zt-button--block-inner{display:block;width:calc(100% - 2 * 16px);margin:0 16px}.zt-button--disabled{cursor:not-allowed;opacity:.4}.zt-button--loading{cursor:default}.zt-button--round{border-radius:999px;padding:0}.zt-button--round.zt-button--mini{width:24px}.zt-button--round.zt-button--small{width:28px}.zt-button--round.zt-button--medium{width:36px}.zt-button--round.zt-button--normal{width:44px}.zt-button--square{border-radius:0}.zt-button__content{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;height:100%}.zt-button__content::before{content:' '}.zt-button__icon{font-size:24px}.zt-button__icon--mini{font-size:16px}.zt-button__icon--small{font-size:20px}.zt-button__icon--medium{font-size:20px}.zt-button__icon+.zt-button__text,.zt-button__loading+.zt-button__text,.zt-button__text+.zt-button__icon,.zt-button__text+.zt-button__loading{margin-left:2px}.zt-button--hairline{border-width:0}.zt-button--hairline::after{border-color:inherit;border-radius:44px}.zt-button--hairline.zt-button--round::after{border-radius:999px}.zt-button--hairline.zt-button--square::after{border-radius:0}

package/lib/checkbox/index.css

@@ -1 +1 @@
-.zt-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:14px 0}.zt-checkbox--disabled{cursor:not-allowed}.zt-checkbox--label-disabled{cursor:default}.zt-checkbox--horizontal{margin-left:12px}.zt-checkbox__icon{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:1em;font-size:20px;line-height:1em;cursor:pointer}.zt-checkbox__icon .zt-icon{display:block;box-sizing:border-box;width:1em;height:1em;color:transparent;font-size:1em;line-height:.95em;text-align:center;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);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.zt-checkbox__icon--round .zt-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;border-radius:100%}.zt-checkbox__icon--checked .zt-icon{color:#fff;background:#0091fa;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.5)}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{border:1px solid rgba(255,255,255,.5);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2);background-image:-webkit-linear-gradient(316deg,#e1e6eb 0,#e5edf5 100%);background-image:linear-gradient(134deg,#e1e6eb 0,#e5edf5 100%)}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:.4;background:#0091fa;color:#fff}.zt-checkbox__label{margin-left:8px;color:#000;line-height:20px}.zt-checkbox__label--left{margin:0 8px 0 0}.zt-checkbox__label--disabled{color:#c8c9cc}
+.zt-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 0}.zt-checkbox--disabled{cursor:not-allowed}.zt-checkbox--label-disabled{cursor:default}.zt-checkbox--horizontal{margin-left:12px}.zt-checkbox__icon{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:1em;font-size:20px;line-height:1em;cursor:pointer}.zt-checkbox__icon .zt-icon{display:block;box-sizing:border-box;width:1em;height:1em;color:transparent;font-size:1em;line-height:.95em;text-align:center;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);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.zt-checkbox__icon--round .zt-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;border-radius:100%}.zt-checkbox__icon--checked .zt-icon{color:#fff;background:#0091fa;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.5)}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{border:1px solid rgba(255,255,255,.5);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2);background-image:-webkit-linear-gradient(316deg,#e1e6eb 0,#e5edf5 100%);background-image:linear-gradient(134deg,#e1e6eb 0,#e5edf5 100%)}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:.4;background:#0091fa;color:#fff}.zt-checkbox__label{margin-left:8px;color:#000;line-height:20px}.zt-checkbox__label--left{margin:0 8px 0 0}.zt-checkbox__label--disabled{color:#c8c9cc}

package/lib/col/index.css

@@ -1 +1 @@
-.zt-col{float:left;box-sizing:border-box;min-height:1px}.zt-col--1{width:4.16666667%}.zt-col--offset-1{margin-left:4.16666667%}.zt-col--2{width:8.33333333%}.zt-col--offset-2{margin-left:8.33333333%}.zt-col--3{width:12.5%}.zt-col--offset-3{margin-left:12.5%}.zt-col--4{width:16.66666667%}.zt-col--offset-4{margin-left:16.66666667%}.zt-col--5{width:20.83333333%}.zt-col--offset-5{margin-left:20.83333333%}.zt-col--6{width:25%}.zt-col--offset-6{margin-left:25%}.zt-col--7{width:29.16666667%}.zt-col--offset-7{margin-left:29.16666667%}.zt-col--8{width:33.33333333%}.zt-col--offset-8{margin-left:33.33333333%}.zt-col--9{width:37.5%}.zt-col--offset-9{margin-left:37.5%}.zt-col--10{width:41.66666667%}.zt-col--offset-10{margin-left:41.66666667%}.zt-col--11{width:45.83333333%}.zt-col--offset-11{margin-left:45.83333333%}.zt-col--12{width:50%}.zt-col--offset-12{margin-left:50%}.zt-col--13{width:54.16666667%}.zt-col--offset-13{margin-left:54.16666667%}.zt-col--14{width:58.33333333%}.zt-col--offset-14{margin-left:58.33333333%}.zt-col--15{width:62.5%}.zt-col--offset-15{margin-left:62.5%}.zt-col--16{width:66.66666667%}.zt-col--offset-16{margin-left:66.66666667%}.zt-col--17{width:70.83333333%}.zt-col--offset-17{margin-left:70.83333333%}.zt-col--18{width:75%}.zt-col--offset-18{margin-left:75%}.zt-col--19{width:79.16666667%}.zt-col--offset-19{margin-left:79.16666667%}.zt-col--20{width:83.33333333%}.zt-col--offset-20{margin-left:83.33333333%}.zt-col--21{width:87.5%}.zt-col--offset-21{margin-left:87.5%}.zt-col--22{width:91.66666667%}.zt-col--offset-22{margin-left:91.66666667%}.zt-col--23{width:95.83333333%}.zt-col--offset-23{margin-left:95.83333333%}.zt-col--24{width:100%}.zt-col--offset-24{margin-left:100%}
+.zt-col{float:left;box-sizing:border-box;min-height:1px}.zt-col--1{-webkit-box-flex:0;-webkit-flex:0 0 4.16666667%;flex:0 0 4.16666667%;max-width:4.16666667%}.zt-col--offset-1{margin-left:4.16666667%}.zt-col--2{-webkit-box-flex:0;-webkit-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.zt-col--offset-2{margin-left:8.33333333%}.zt-col--3{-webkit-box-flex:0;-webkit-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.zt-col--offset-3{margin-left:12.5%}.zt-col--4{-webkit-box-flex:0;-webkit-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.zt-col--offset-4{margin-left:16.66666667%}.zt-col--5{-webkit-box-flex:0;-webkit-flex:0 0 20.83333333%;flex:0 0 20.83333333%;max-width:20.83333333%}.zt-col--offset-5{margin-left:20.83333333%}.zt-col--6{-webkit-box-flex:0;-webkit-flex:0 0 25%;flex:0 0 25%;max-width:25%}.zt-col--offset-6{margin-left:25%}.zt-col--7{-webkit-box-flex:0;-webkit-flex:0 0 29.16666667%;flex:0 0 29.16666667%;max-width:29.16666667%}.zt-col--offset-7{margin-left:29.16666667%}.zt-col--8{-webkit-box-flex:0;-webkit-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.zt-col--offset-8{margin-left:33.33333333%}.zt-col--9{-webkit-box-flex:0;-webkit-flex:0 0 37.5%;flex:0 0 37.5%;max-width:37.5%}.zt-col--offset-9{margin-left:37.5%}.zt-col--10{-webkit-box-flex:0;-webkit-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.zt-col--offset-10{margin-left:41.66666667%}.zt-col--11{-webkit-box-flex:0;-webkit-flex:0 0 45.83333333%;flex:0 0 45.83333333%;max-width:45.83333333%}.zt-col--offset-11{margin-left:45.83333333%}.zt-col--12{-webkit-box-flex:0;-webkit-flex:0 0 50%;flex:0 0 50%;max-width:50%}.zt-col--offset-12{margin-left:50%}.zt-col--13{-webkit-box-flex:0;-webkit-flex:0 0 54.16666667%;flex:0 0 54.16666667%;max-width:54.16666667%}.zt-col--offset-13{margin-left:54.16666667%}.zt-col--14{-webkit-box-flex:0;-webkit-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.zt-col--offset-14{margin-left:58.33333333%}.zt-col--15{-webkit-box-flex:0;-webkit-flex:0 0 62.5%;flex:0 0 62.5%;max-width:62.5%}.zt-col--offset-15{margin-left:62.5%}.zt-col--16{-webkit-box-flex:0;-webkit-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.zt-col--offset-16{margin-left:66.66666667%}.zt-col--17{-webkit-box-flex:0;-webkit-flex:0 0 70.83333333%;flex:0 0 70.83333333%;max-width:70.83333333%}.zt-col--offset-17{margin-left:70.83333333%}.zt-col--18{-webkit-box-flex:0;-webkit-flex:0 0 75%;flex:0 0 75%;max-width:75%}.zt-col--offset-18{margin-left:75%}.zt-col--19{-webkit-box-flex:0;-webkit-flex:0 0 79.16666667%;flex:0 0 79.16666667%;max-width:79.16666667%}.zt-col--offset-19{margin-left:79.16666667%}.zt-col--20{-webkit-box-flex:0;-webkit-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.zt-col--offset-20{margin-left:83.33333333%}.zt-col--21{-webkit-box-flex:0;-webkit-flex:0 0 87.5%;flex:0 0 87.5%;max-width:87.5%}.zt-col--offset-21{margin-left:87.5%}.zt-col--22{-webkit-box-flex:0;-webkit-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.zt-col--offset-22{margin-left:91.66666667%}.zt-col--23{-webkit-box-flex:0;-webkit-flex:0 0 95.83333333%;flex:0 0 95.83333333%;max-width:95.83333333%}.zt-col--offset-23{margin-left:95.83333333%}.zt-col--24{-webkit-box-flex:0;-webkit-flex:0 0 100%;flex:0 0 100%;max-width:100%}.zt-col--offset-24{margin-left:100%}

package/lib/col/index.less

@@ -9,7 +9,8 @@
 .generate-col(24);
 .generate-col(@n, @i: 1) when (@i =< @n) {
   .zt-col--@{i} {
-    width: (@i * 100% / 24);
+    flex: 0 0 @i * (100% / 24);
+    max-width: @i * (100% / 24);
   }
 
   .zt-col--offset-@{i} {

package/lib/datetime-picker/DatePicker.js

@@ -297,7 +297,13 @@ var _default2 = createComponent({
     updateColumnValue: function updateColumnValue() {
       var _this5 = this;
 
-      var value = this.innerValue ? this.innerValue : this.minDate;
+      var defaultValue = new Date();
+
+      if (defaultValue.getTime() < this.minDate.getTime() || defaultValue.getTime() > this.maxDate.getTime()) {
+        defaultValue = this.minDate;
+      }
+
+      var value = this.innerValue ? this.innerValue : defaultValue;
       var formatter = this.formatter;
       var values = this.originColumns.map(function (column) {
         switch (column.type) {

package/lib/dialog/Dialog.js

@@ -110,21 +110,23 @@ var _default = createComponent({
       this.$emit('closed');
     },
     genButtons: function genButtons() {
-      var _this2 = this,
-          _ref;
+      var _this2 = this;
 
       var h = this.$createElement;
       var multiple = this.showCancelButton && this.showConfirmButton;
       return h("div", {
-        "class": [_constant.BORDER_TOP, bem('footer')]
+        "class": bem('footer')
       }, [this.showCancelButton && h(_button.default, {
         "attrs": {
-          "size": "large",
+          "size": "normal",
+          "block": true,
           "loading": this.loading.cancel,
           "text": this.cancelButtonText || t('cancel')
         },
         "class": bem('cancel'),
         "style": {
+          marginRigth: "4px",
+          backgroundColor: "white",
           color: this.cancelButtonColor
         },
         "on": {
@@ -134,12 +136,15 @@ var _default = createComponent({
         }
       }), this.showConfirmButton && h(_button.default, {
         "attrs": {
-          "size": "large",
+          "type": "primary",
+          "size": "normal",
           "loading": this.loading.confirm,
-          "text": this.confirmButtonText || t('confirm')
+          "text": this.confirmButtonText || t('confirm'),
+          "block": true
         },
-        "class": [bem('confirm'), (_ref = {}, _ref[_constant.BORDER_LEFT] = multiple, _ref)],
+        "class": bem('confirm'),
         "style": {
+          marginLeft: "4px",
           color: this.confirmButtonColor
         },
         "on": {

package/lib/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:4px;-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{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.zt-dialog__footer .zt-hairline--left::after{top:calc(-50% + 20px);bottom:calc(-50% + 20px)}.zt-dialog__cancel.zt-button,.zt-dialog__confirm.zt-button{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px;margin:0;border:0}.zt-dialog__confirm.zt-button,.zt-dialog__confirm.zt-button:active{color:#0091fa}.zt-dialog__cancel{color:#000;font-weight:400}.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__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}

package/lib/dialog/index.less

@@ -86,39 +86,15 @@
   }
 
   &__footer {
-    display: flex;
     overflow: hidden;
     user-select: none;
-
-    //底部按钮中间垂直分割线，上下各留10px间距
-    .zt-hairline--left::after {
-      top: calc(-50% + 20px);
-      bottom: calc(-50% + 20px);
-    }
-  }
-
-  // 提高优先级避免被zt-button--default的样式覆盖了
-  &__confirm,
-  &__cancel {
-    &.zt-button {
-      flex: 1;
-      height: @dialog-button-height;
-      margin: 0;
-      border: 0;
-    }
-  }
-
-  &__confirm {
-    &.zt-button,
-    &.zt-button:active {
-      color: @dialog-confirm-button-text-color;
-    }
-  }
-  
-  //取消按钮不加粗、纯黑色
-  &__cancel {
-    color: @black;
-    font-weight: normal;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: @picker-toolbar-height;
+    padding: @dialog-footer-padding;
+    position: relative;
+    box-sizing: content-box;
   }
 
   &-bounce-enter {