zartui 2.0.4 → 2.0.7

package/es/cascader/index.css

@@ -1 +1 @@
-.zt-cascader__header{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 16px}.zt-cascader__title{font-weight:700;font-size:16px;line-height:44px}.zt-cascader__close-icon{color:rgba(0,0,0,.4);font-size:20px}.zt-cascader__close-icon:active{color:rgba(0,0,0,.6)}.zt-cascader__tabs .zt-tab{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin:0 8px;padding:0}.zt-cascader__tabs.zt-tabs--line .zt-tabs__wrap{height:48px}.zt-cascader__tabs .zt-tabs__nav--complete{padding-right:8px;padding-left:8px}.zt-cascader__tab{color:#000;font-weight:700;font-size:14px;line-height:44px}.zt-cascader__tab--unselected{color:rgba(0,0,0,.4);font-weight:400}.zt-cascader__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-family:PingFangSC-Regular;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#000;padding:0 16px;font-weight:400;font-size:14px;line-height:44px}.zt-cascader__option:active{background-color:rgba(0,0,0,.04)}.zt-cascader__option--selected{color:#0091fa;font-weight:700}.zt-cascader__selected-icon{font-size:24px}.zt-cascader__options{box-sizing:border-box;height:352px;overflow-y:auto;-webkit-overflow-scrolling:touch}
+.zt-cascader__header{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:44px;padding:0 16px}.zt-cascader__title{font-weight:700;font-size:14px;line-height:44px;color:rgba(45,75,115,.4)}.zt-cascader__tabs .zt-tab{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin:0 8px;padding:0}.zt-cascader__tabs .zt-tabs__wrap{position:relative;height:44px}.zt-cascader__tabs .zt-tabs__wrap::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-cascader__tabs .zt-tabs__nav--complete{padding-right:8px;padding-left:8px}.zt-cascader__tab{color:#2d4b73;font-weight:700;font-size:14px;line-height:44px}.zt-cascader__tab--unselected{color:rgba(45,75,115,.4);font-weight:400}.zt-cascader__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-family:PingFangSC-Regular;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#2d4b73;padding:0 16px;font-weight:400;font-size:14px;line-height:44px}.zt-cascader__option:active{background-color:rgba(0,0,0,.04)}.zt-cascader__option--selected{color:#0091fa;font-weight:700}.zt-cascader__selected-icon{font-size:24px}.zt-cascader__options{box-sizing:border-box;height:352px;overflow-y:auto;-webkit-overflow-scrolling:touch}.zt-cascader .zt-tabs__nav{background:#fff}.zt-cascader__cancel{margin:8px 16px;width:calc(100% - 32px);background:rgba(45,75,115,.04);border-radius:20.5px}

package/es/cascader/index.js

@@ -2,6 +2,7 @@ import { createNamespace } from '../utils';
 import Tab from '../tab';
 import Tabs from '../tabs';
 import Icon from '../icon';
+import Button from '../button';
 import Divider from "../divider";
 
 var _createNamespace = createNamespace('cascader'),
@@ -21,10 +22,6 @@ export default createComponent({
       default: function _default() {
         return [];
       }
-    },
-    closeable: {
-      type: Boolean,
-      default: true
     }
   },
   data: function data() {
@@ -180,8 +177,8 @@ export default createComponent({
         this.$emit('finish', eventParams);
       }
     },
-    onClose: function onClose() {
-      this.$emit('close');
+    onCancel: function onCancel() {
+      this.$emit('cancel');
     },
     renderHeader: function renderHeader() {
       var h = this.$createElement;
@@ -189,15 +186,7 @@ export default createComponent({
         "class": bem('header')
       }, [h("h2", {
         "class": bem('title')
-      }, [this.slots('title') || this.title]), this.closeable ? h(Icon, {
-        "attrs": {
-          "name": "cross"
-        },
-        "class": bem('close-icon'),
-        "on": {
-          "click": this.onClose
-        }
-      }) : null]);
+      }, [this.slots('title') || this.title])]);
     },
     renderDivider: function renderDivider() {
       var h = this.$createElement;
@@ -275,12 +264,25 @@ export default createComponent({
           }
         }
       }, [this.tabs.map(this.renderTab)]);
+    },
+    renderMenu: function renderMenu() {
+      var h = this.$createElement;
+      return h(Button, {
+        "class": bem('cancel'),
+        "attrs": {
+          "background-color": "rgba(45, 75, 115, 0.04)",
+          "color": "#2D4B73"
+        },
+        "on": {
+          "click": this.onCancel
+        }
+      }, ["\u53D6\u6D88"]);
     }
   },
   render: function render() {
     var h = arguments[0];
     return h("div", {
       "class": bem()
-    }, [this.renderHeader(), this.renderDivider(), this.renderTabs()]);
+    }, [this.renderHeader(), this.renderDivider(), this.renderTabs(), this.renderDivider(), this.renderMenu()]);
   }
 });

package/es/cascader/index.less

@@ -1,10 +1,11 @@
 @import '../style/var';
+@import '../style/mixins/hairline';
 
 .zt-cascader {
   &__header {
     display: flex;
     align-items: center;
-    justify-content: space-between;
+    justify-content: center;
     height: @cascader-header-height;
     padding: 0 @padding-md;
   }
@@ -13,15 +14,8 @@
     font-weight: @font-weight-bold;
     font-size: @cascader-title-font-size;
     line-height: @cascader-title-line-height;
-  }
-
-  &__close-icon {
-    color: @cascader-close-icon-color;
-    font-size: @cascader-close-icon-size;
+    color: @cascader-title-color;
 
-    &:active {
-      color: @cascader-close-icon-active-color;
-    }
   }
 
   &__tabs {
@@ -31,8 +25,12 @@
       padding: 0;
     }
 
-    &.zt-tabs--line .zt-tabs__wrap {
+    .zt-tabs__wrap {
+      position: relative;
       height: @cascader-tabs-height;
+      &::after {
+        .hairline-bottom()
+      }
     }
 
     .zt-tabs__nav--complete {
@@ -58,7 +56,7 @@
     align-items: center;
     font-family: PingFangSC-Regular;
     justify-content: space-between;
-    color: @black;
+    color: #2D4B73;
     padding: 0 @padding-md;
     font-weight: normal;
     font-size: @font-size-md;
@@ -84,4 +82,15 @@
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
   }
+
+  .zt-tabs__nav {
+      background: #fff;
+  }
+
+  &__cancel {
+    margin: 8px 16px;
+    width: calc(100% - 32px);
+    background: rgba(45, 75, 115, 0.04);
+    border-radius: 20.5px;
+  }
 }

package/es/cascader/style/index.js

@@ -1,6 +1,8 @@
 import '../../style/base.css';
 import '../../info/index.css';
 import '../../icon/index.css';
+import '../../loading/index.css';
+import '../../button/index.css';
 import '../../tab/index.css';
 import '../../sticky/index.css';
 import '../../tabs/index.css';

package/es/cascader/style/less.js

@@ -1,6 +1,8 @@
 import '../../style/base.less';
 import '../../info/index.less';
 import '../../icon/index.less';
+import '../../loading/index.less';
+import '../../button/index.less';
 import '../../tab/index.less';
 import '../../sticky/index.less';
 import '../../tabs/index.less';

package/es/cell/index.css

@@ -1 +1 @@
-.zt-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:12px 16px;overflow:hidden;color:#2d4b73;font-size:16px;line-height:20px;background-color:#fff}.zt-cell--noFlex{display:block}.zt-cell--noFlex .zt-cell__title{margin-bottom:10px;width:100%;max-width:100%}.zt-cell--borderless::after,.zt-cell:last-child::after{display:none}.zt-cell__label{margin-top:10px;color:#2d4b73;font-size:14px;line-height:18px}.zt-cell__title,.zt-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-cell__title-content,.zt-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18}.zt-cell__value{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-cell__placeholder{color:#c8c9cc;-webkit-box-flex:9;-webkit-flex:9;flex:9;text-align:right}.zt-cell__value{position:relative;overflow:hidden;color:#2d4b73;text-align:right;vertical-align:middle;word-wrap:break-word}.zt-cell__value--alone{color:rgba(0,0,0,.6);text-align:left}.zt-cell__left-icon,.zt-cell__right-icon{height:20px;font-size:16px;line-height:20px}.zt-cell__left-icon{margin-right:4px}.zt-cell__right-icon{margin:auto 0;margin-left:4px;color:#969799}.zt-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-cell--large{padding-top:12px;padding-bottom:12px}.zt-cell--large .zt-cell__title{font-size:16px}.zt-cell--large .zt-cell__label{font-size:14px}.zt-cell__direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background-color:#f5faff;font-size:14px;line-height:20px}.zt-cell__direction-column .zt-cell__title{margin-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-cell__direction-column .zt-cell__title-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-cell__direction-column .zt-cell__title-subtitle{display:-webkit-box;display:-webkit-flex;display:flex;white-space:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-flex:1;-webkit-flex:1;flex:1;opacity:.4}.zt-cell__direction-column .zt-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;text-align:left;min-height:44px;padding:12px;box-sizing:border-box;background-color:#fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.zt-cell__direction-column .zt-cell__value .zt-icon{-webkit-box-flex:2;-webkit-flex:2;flex:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-cell__direction-column .zt-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18;word-break:break-all}.zt-cell__clickable{cursor:pointer}.zt-cell__clickable:active{background-color:rgba(0,0,0,.04)}
+.zt-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:12px 16px;overflow:hidden;color:#2d4b73;font-size:16px;line-height:20px;background-color:#fff}.zt-cell--noFlex{display:block}.zt-cell--noFlex .zt-cell__title{margin-bottom:10px;width:100%;max-width:100%}.zt-cell--borderless::after,.zt-cell:last-child::after{display:none}.zt-cell__label{margin-top:10px;color:#2d4b73;font-size:14px;line-height:18px}.zt-cell__title,.zt-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-cell__title-content,.zt-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18}.zt-cell__value{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-cell__placeholder{color:#c8c9cc;-webkit-box-flex:9;-webkit-flex:9;flex:9;text-align:right}.zt-cell__value{position:relative;overflow:hidden;color:#2d4b73;text-align:right;vertical-align:middle;word-wrap:break-word}.zt-cell__value--alone{color:rgba(0,0,0,.6);text-align:left}.zt-cell__left-icon,.zt-cell__right-icon{height:20px;font-size:16px;line-height:20px}.zt-cell__left-icon{margin-right:4px}.zt-cell__right-icon{margin:auto 0;margin-left:4px;color:#969799}.zt-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-cell--large{padding-top:12px;padding-bottom:12px}.zt-cell--large .zt-cell__title{font-size:16px}.zt-cell--large .zt-cell__label{font-size:14px}.zt-cell__direction-row{position:relative}.zt-cell__direction-row::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:16px;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-cell__direction-row:last-child::after{display:none}.zt-cell__direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background-color:#f5faff;font-size:14px;line-height:20px}.zt-cell__direction-column .zt-cell__title{margin-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-cell__direction-column .zt-cell__title-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-cell__direction-column .zt-cell__title-subtitle{display:-webkit-box;display:-webkit-flex;display:flex;white-space:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-flex:1;-webkit-flex:1;flex:1;opacity:.4}.zt-cell__direction-column .zt-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;text-align:left;min-height:44px;padding:12px;box-sizing:border-box;background-color:#fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.zt-cell__direction-column .zt-cell__value .zt-icon{-webkit-box-flex:2;-webkit-flex:2;flex:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-cell__direction-column .zt-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18;word-break:break-all}.zt-cell__clickable{cursor:pointer}.zt-cell__clickable:active{background-color:rgba(0,0,0,.04)}

package/es/cell/index.js

@@ -144,7 +144,7 @@ function Cell(h, props, slots, ctx) {
   }
 
   return h("div", _mergeJSXProps([{
-    "class": [bem(classes), direction === 'column' ? bem('direction-column') : '', clickable && direction !== 'column' ? bem('clickable') : ''],
+    "class": [bem(classes), direction === 'column' ? bem('direction-column') : bem('direction-row'), clickable && direction !== 'column' ? bem('clickable') : ''],
     "attrs": {
       "role": clickable ? 'button' : null,
       "tabindex": clickable ? 0 : null

package/es/cell/index.less

@@ -108,6 +108,18 @@
   }
 }
 
+.zt-cell__direction-row {
+  position: relative;
+
+  &::after {
+    .hairline-bottom(@cell-border-color, @padding-md);
+  }
+
+  &:last-child::after {
+    display: none;
+  }
+}
+
 .zt-cell__direction-column {
   flex-direction: column;
   background-color: #f5faff;

package/es/datetime-picker/shared.js

@@ -144,12 +144,13 @@ export var TimePickerMixin = {
       props[key] = _this5[key];
     });
     return h(Picker, {
-      "ref": "picker",
       "attrs": {
+        "show-picker": this.showPicker,
         "headers": this.headers,
         "columns": this.columns,
         "readonly": this.readonly
       },
+      "ref": "picker",
       "scopedSlots": this.$scopedSlots,
       "on": {
         "change": this.onChange,

package/es/field/index.js

@@ -626,9 +626,15 @@ export default createComponent({
     var slots = this.slots;
     var disabled = this.getProp('disabled');
     var labelAlign = this.getProp('labelAlign');
-    var scopedSlots = {
-      icon: this.genLeftIcon
-    };
+    var scopedSlots = {};
+    var SlotIcon = this.genLeftIcon();
+
+    if (SlotIcon) {
+      scopedSlots.icon = function () {
+        return SlotIcon;
+      };
+    }
+
     var Label = this.genLabel();
 
     if (Label) {

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.4';
+var version = '2.0.7';
 
 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/list/index.css

@@ -1 +1 @@
-.zt-list__error-text,.zt-list__finished-text,.zt-list__loading{color:#969799;font-size:14px;line-height:50px;text-align:center}.zt-list__placeholder{height:0;pointer-events:none}
+.zt-list__error-text,.zt-list__finished-text,.zt-list__loading{color:#969799;font-size:14px;line-height:44px;text-align:center}.zt-list__placeholder{height:0;pointer-events:none}

package/es/multiple-picker/MultiplePickerOptions.js

@@ -117,7 +117,7 @@ export default createComponent({
       }
 
       var optionStyle = {
-        height: this.itemHeight + "px",
+        height: this.itemHeight + 8 + "px",
         width: 1 / this.columnCounts * 100 + "%"
       };
       return this.options.map(function (option, index) {

package/es/multiple-picker/index.css

@@ -1 +1 @@
-[class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}.zt-multiple-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none}.zt-multiple-picker__toolbar{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:8px 16px;border-top:1px solid rgba(45,75,115,.1)}.zt-multiple-picker__border{position:relative}.zt-multiple-picker__border::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-multiple-picker__cancel,.zt-multiple-picker__confirm{height:100%;padding:0 16px;font-size:14px;background-color:transparent;border:none;cursor:pointer}.zt-multiple-picker__cancel:active,.zt-multiple-picker__confirm:active{opacity:.7}.zt-multiple-picker__confirm{color:#0091fa;font-weight:700}.zt-multiple-picker__cancel{color:#000;font-weight:400}.zt-multiple-picker__title{font-weight:400;font-size:14px;line-height:20px;text-align:center;color:#2d4b73;opacity:.4;padding:12px 0;border-bottom:1px solid rgba(45,75,115,.1)}.zt-multiple-picker__header{width:100%;height:40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:14px;font-weight:400}.zt-multiple-picker__header>li{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;text-align:center}.zt-multiple-picker__options{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.zt-multiple-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;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;color:#0091fa;background-color:rgba(255,255,255,.9)}.zt-multiple-picker-options{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:scroll;font-size:14px}.zt-multiple-picker-options__wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;background-color:#fff;padding:12px 16px 4px 16px}.zt-multiple-picker-options__item{color:rgba(0,0,0,.6);padding:0 4px 8px 0;box-sizing:border-box;border-radius:2px;text-align:center;font-size:14px}.zt-multiple-picker-options__item .zt-ellipsis{height:28px;line-height:28px;border:1px solid rgba(45,75,115,.2);border-radius:18px}.zt-multiple-picker-options__item--disabled{cursor:not-allowed;opacity:.3}.zt-multiple-picker-options__item--last{padding-right:0}.zt-multiple-picker-options__item--selected .zt-ellipsis{background:rgba(0,145,250,.1);border:1px solid rgba(0,145,250,.6);border-radius:18px;color:#0091fa}
+[class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}.zt-multiple-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none}.zt-multiple-picker__toolbar{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:8px 16px;border-top:1px solid rgba(45,75,115,.1)}.zt-multiple-picker__border{position:relative}.zt-multiple-picker__border::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-multiple-picker__cancel,.zt-multiple-picker__confirm{height:100%;padding:0 16px;font-size:14px;background-color:transparent;border:none;cursor:pointer}.zt-multiple-picker__cancel:active,.zt-multiple-picker__confirm:active{opacity:.7}.zt-multiple-picker__confirm{color:#0091fa;font-weight:700}.zt-multiple-picker__cancel{color:#000;font-weight:400}.zt-multiple-picker__title{font-weight:400;font-size:14px;line-height:20px;text-align:center;color:#2d4b73;opacity:.4;padding:12px 0;border-bottom:1px solid rgba(45,75,115,.1)}.zt-multiple-picker__header{width:100%;height:40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:14px;font-weight:400}.zt-multiple-picker__header>li{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;text-align:center}.zt-multiple-picker__options{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.zt-multiple-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;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;color:#0091fa;background-color:rgba(255,255,255,.9)}.zt-multiple-picker-options{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:scroll;font-size:14px}.zt-multiple-picker-options__wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;background-color:#fff;padding:12px 16px 4px 16px}.zt-multiple-picker-options__item{color:#2d4b73;padding:0 4px 8px 0;box-sizing:border-box;text-align:center;font-size:14px}.zt-multiple-picker-options__item .zt-ellipsis{line-height:20px;border-radius:18px;border:1px solid rgba(45,75,115,.2);padding:7px 16px;opacity:.6}.zt-multiple-picker-options__item--disabled{cursor:not-allowed;opacity:.3}.zt-multiple-picker-options__item--last{padding-right:0}.zt-multiple-picker-options__item--selected .zt-ellipsis{background:rgba(0,145,250,.1);border:1px solid rgba(0,145,250,.6);border-radius:18px;color:#0091fa;opacity:1}

package/es/multiple-picker/index.js

@@ -149,7 +149,7 @@ export default createComponent({
           "block": true
         },
         "style": {
-          marginLeft: "4px"
+          marginLeft: "8px"
         },
         "on": {
           "click": this.confirm

package/es/multiple-picker/index.less

@@ -108,15 +108,15 @@
       color: @multiple-picker-option-text-color;
       padding: 0 4px 8px 0;
       box-sizing: border-box;
-      border-radius: 2px;
       text-align: center;
       font-size: 14px;
 
       .zt-ellipsis {
-        height: 28px;
-        line-height: 28px;
-        border: 1px solid rgba(45,75,115,0.20);
+        line-height: 20px;
         border-radius: 18px;
+        border: 1px solid rgba(45,75,115,0.20);
+        padding: 7px 16px;
+        opacity: 0.6;
       }
 
       &--disabled {
@@ -134,6 +134,7 @@
           border: 1px solid rgba(0,145,250,0.60);
           border-radius: 18px;
           color: #0091FA;
+          opacity: 1;
         }
       }
     }

package/es/picker/PickerColumn.js

@@ -282,7 +282,11 @@ export default createComponent({
       this.confirmIndex = this.currentIndex;
     },
     setConfirmIndex: function setConfirmIndex() {
-      this.setIndex(this.confirmIndex, true);
+      if (this.confirmIndex || this.confirmIndex === 0) {
+        this.setIndex(this.confirmIndex, true);
+      } else {
+        this.setIndex(this.defaultIndex, true);
+      }
     }
   },
   render: function render() {

package/es/picker/index.css

@@ -1 +1 @@
-[class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}.zt-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none}.zt-picker__toolbar{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:8px 16px 8px 16px;border-top:1px solid rgba(45,75,115,.1);position:relative}.zt-picker__border{position:relative}.zt-picker__border::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-picker__cancel,.zt-picker__confirm{height:100%;padding:0 16px;font-size:14px;background-color:transparent;border:none;cursor:pointer}.zt-picker__cancel:active,.zt-picker__confirm:active{opacity:.7}.zt-picker__confirm{color:#0091fa;font-weight:700}.zt-picker__cancel{color:#000;font-weight:400}.zt-picker__title{font-weight:400;font-size:14px;line-height:20px;text-align:center;color:#2d4b73;opacity:.4;padding:12px 0;border-bottom:1px solid rgba(45,75,115,.1)}.zt-picker__header{width:100%;height:40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:14px;font-weight:400}.zt-picker__header>li{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;text-align:center}.zt-picker__columns{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.zt-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;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;color:#0091fa;background-color:rgba(255,255,255,.9)}.zt-picker__frame{position:absolute;top:50%;right:16px;left:16px;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.zt-picker__background{position:absolute;width:100%;height:100%;opacity:.04;background-color:#000}.zt-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-image:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-repeat:no-repeat;background-position:top,bottom;-webkit-transform:translateZ(0);transform:translateZ(0);pointer-events:none}.zt-picker-column{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;font-size:14px}.zt-picker-column__wrapper{-webkit-transition-timing-function:cubic-bezier(.23,1,.68,1);transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-picker-column__item{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;padding:0 4px;color:#000}.zt-picker-column__item--disabled{cursor:not-allowed;opacity:.3}.zt-picker-column__item--selected{font-weight:700}
+[class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}.zt-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none}.zt-picker__toolbar{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:8px 16px 8px 16px;border-top:1px solid rgba(45,75,115,.1);position:relative}.zt-picker__border{position:relative}.zt-picker__border::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-picker__cancel,.zt-picker__confirm{height:100%;padding:0 16px;font-size:14px;background-color:transparent;border:none;cursor:pointer}.zt-picker__cancel:active,.zt-picker__confirm:active{opacity:.7}.zt-picker__confirm{color:#0091fa;font-weight:700}.zt-picker__cancel{color:#000;font-weight:400}.zt-picker__title{font-weight:400;font-size:14px;line-height:20px;text-align:center;color:#2d4b73;opacity:.4;padding:12px 0;border-bottom:1px solid rgba(45,75,115,.1)}.zt-picker__header{width:100%;height:40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:14px;font-weight:400}.zt-picker__header>li{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;text-align:center}.zt-picker__columns{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.zt-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;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;color:#0091fa;background-color:rgba(255,255,255,.9)}.zt-picker__frame{position:absolute;top:50%;right:16px;left:16px;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.zt-picker__background{position:absolute;width:100%;height:100%;opacity:.04;background-color:#000}.zt-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-image:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-repeat:no-repeat;background-position:top,bottom;-webkit-transform:translateZ(0);transform:translateZ(0);pointer-events:none}.zt-picker-column{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;font-size:14px}.zt-picker-column__wrapper{-webkit-transition-timing-function:cubic-bezier(.23,1,.68,1);transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-picker-column__item{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;padding:0 4px;color:#2d4b73}.zt-picker-column__item--disabled{cursor:not-allowed;opacity:.3}.zt-picker-column__item--selected{font-weight:700}

package/es/picker/index.js

@@ -84,9 +84,7 @@ export default createComponent({
         if (val) {
           this.$nextTick(function () {
             _this.children.forEach(function (child) {
-              if (child.confirmIndex !== "") {
-                child.setConfirmIndex();
-              }
+              child.setConfirmIndex();
             });
           });
         }
@@ -346,7 +344,7 @@ export default createComponent({
           "block": true
         },
         "style": {
-          marginLeft: "4px"
+          marginLeft: "8px"
         },
         "on": {
           "click": this.confirm

package/es/picker/shared.js

@@ -17,7 +17,7 @@ export var pickerProps = {
   },
   visibleItemCount: {
     type: [Number, String],
-    default: 6
+    default: 5
   },
   swipeDuration: {
     type: [Number, String],

package/es/pull-refresh/index.css

@@ -1 +1 @@
-.zt-pull-refresh{overflow:hidden;-webkit-user-select:none;user-select:none}.zt-pull-refresh__track{position:relative;height:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.zt-pull-refresh__head{position:absolute;left:0;width:100%;height:50px;overflow:hidden;color:#969799;font-size:14px;line-height:50px;text-align:center;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
+.zt-pull-refresh{overflow:hidden;-webkit-user-select:none;user-select:none}.zt-pull-refresh__track{position:relative;height:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.zt-pull-refresh__head{position:absolute;left:0;width:100%;height:50px;overflow:hidden;color:#969799;font-size:14px;line-height:50px;text-align:center;-webkit-transform:translateY(-100%);transform:translateY(-100%);background:#f5faff}

package/es/pull-refresh/index.less

@@ -21,5 +21,6 @@
     line-height: @pull-refresh-head-height;
     text-align: center;
     transform: translateY(-100%);
+    background: @pull-refresh-head-background;
   }
 }

package/es/style/base.css

@@ -1 +1 @@
-html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=zt-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}.zt-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zt-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zt-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zt-clearfix::after{display:table;clear:both;content:''}[class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}@-webkit-keyframes zt-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes zt-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes zt-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes zt-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes zt-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes zt-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes zt-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes zt-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes zt-fade-in{from{opacity:0}to{opacity:1}}@keyframes zt-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes zt-fade-out{from{opacity:1}to{opacity:0}}@keyframes zt-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes zt-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes zt-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.zt-fade-enter-active{-webkit-animation:.3s zt-fade-in both ease-out;animation:.3s zt-fade-in both ease-out}.zt-fade-leave-active{-webkit-animation:.3s zt-fade-out both ease-in;animation:.3s zt-fade-out both ease-in}.zt-slide-up-enter-active{-webkit-animation:zt-slide-up-enter .3s both ease-out;animation:zt-slide-up-enter .3s both ease-out}.zt-slide-up-leave-active{-webkit-animation:zt-slide-up-leave .3s both ease-in;animation:zt-slide-up-leave .3s both ease-in}.zt-slide-down-enter-active{-webkit-animation:zt-slide-down-enter .3s both ease-out;animation:zt-slide-down-enter .3s both ease-out}.zt-slide-down-leave-active{-webkit-animation:zt-slide-down-leave .3s both ease-in;animation:zt-slide-down-leave .3s both ease-in}.zt-slide-left-enter-active{-webkit-animation:zt-slide-left-enter .3s both ease-out;animation:zt-slide-left-enter .3s both ease-out}.zt-slide-left-leave-active{-webkit-animation:zt-slide-left-leave .3s both ease-in;animation:zt-slide-left-leave .3s both ease-in}.zt-slide-right-enter-active{-webkit-animation:zt-slide-right-enter .3s both ease-out;animation:zt-slide-right-enter .3s both ease-out}.zt-slide-right-leave-active{-webkit-animation:zt-slide-right-leave .3s both ease-in;animation:zt-slide-right-leave .3s both ease-in}.half-border,.half-border-bottom,.half-border-left,.half-border-right,.half-border-top,.half-border-top-left{position:relative}.half-border-before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1}.half-border-bottom::before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;bottom:0;width:100%;height:1px;border-top:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.half-border-right::after{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;right:0;top:0;width:1px;height:100%;border-right:1px solid rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5)}.half-border-top::before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;top:0;width:100%;height:1px;border-top:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.half-border-left::after{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;top:0;width:1px;height:100%;border-left:1px solid rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5)}.half-border-top-left::before{content:" ";position:absolute;left:0;top:0;width:200%;height:200%;border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5);z-index:2}.half-border::before{content:" ";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid rgba(0,0,0,.1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5)}
+html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=zt-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}.van-doc-demo-block .van-doc-demo-block__title{color:rgba(45,75,115,.6)}.zt-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zt-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zt-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zt-clearfix::after{display:table;clear:both;content:''}[class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}@-webkit-keyframes zt-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes zt-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes zt-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes zt-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes zt-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes zt-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes zt-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes zt-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes zt-fade-in{from{opacity:0}to{opacity:1}}@keyframes zt-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes zt-fade-out{from{opacity:1}to{opacity:0}}@keyframes zt-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes zt-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes zt-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.zt-fade-enter-active{-webkit-animation:.3s zt-fade-in both ease-out;animation:.3s zt-fade-in both ease-out}.zt-fade-leave-active{-webkit-animation:.3s zt-fade-out both ease-in;animation:.3s zt-fade-out both ease-in}.zt-slide-up-enter-active{-webkit-animation:zt-slide-up-enter .3s both ease-out;animation:zt-slide-up-enter .3s both ease-out}.zt-slide-up-leave-active{-webkit-animation:zt-slide-up-leave .3s both ease-in;animation:zt-slide-up-leave .3s both ease-in}.zt-slide-down-enter-active{-webkit-animation:zt-slide-down-enter .3s both ease-out;animation:zt-slide-down-enter .3s both ease-out}.zt-slide-down-leave-active{-webkit-animation:zt-slide-down-leave .3s both ease-in;animation:zt-slide-down-leave .3s both ease-in}.zt-slide-left-enter-active{-webkit-animation:zt-slide-left-enter .3s both ease-out;animation:zt-slide-left-enter .3s both ease-out}.zt-slide-left-leave-active{-webkit-animation:zt-slide-left-leave .3s both ease-in;animation:zt-slide-left-leave .3s both ease-in}.zt-slide-right-enter-active{-webkit-animation:zt-slide-right-enter .3s both ease-out;animation:zt-slide-right-enter .3s both ease-out}.zt-slide-right-leave-active{-webkit-animation:zt-slide-right-leave .3s both ease-in;animation:zt-slide-right-leave .3s both ease-in}.half-border,.half-border-bottom,.half-border-left,.half-border-right,.half-border-top,.half-border-top-left{position:relative}.half-border-before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1}.half-border-bottom::before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;bottom:0;width:100%;height:1px;border-top:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.half-border-right::after{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;right:0;top:0;width:1px;height:100%;border-right:1px solid rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5)}.half-border-top::before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;top:0;width:100%;height:1px;border-top:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.half-border-left::after{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;top:0;width:1px;height:100%;border-left:1px solid rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5)}.half-border-top-left::before{content:" ";position:absolute;left:0;top:0;width:200%;height:200%;border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5);z-index:2}.half-border::before{content:" ";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid rgba(0,0,0,.1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5)}

package/es/style/normalize.css

@@ -1 +1 @@
-html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=zt-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}
+html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=zt-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}.van-doc-demo-block .van-doc-demo-block__title{color:rgba(45,75,115,.6)}

package/es/style/normalize.less

@@ -36,3 +36,9 @@ ul {
   padding: 0;
   list-style: none;
 }
+
+.van-doc-demo-block {
+    .van-doc-demo-block__title {
+        color: @text-color-1;
+    }
+}

package/es/style/var.less

@@ -257,17 +257,15 @@
 
 // Cascader
 @cascader-header-height: 44px;
-@cascader-title-font-size: @font-size-lg;
+@cascader-title-font-size: @font-size-md;
 @cascader-title-line-height: 44px;
-@cascader-close-icon-size: 20px;
-@cascader-close-icon-color: @gray-a4;
-@cascader-close-icon-active-color: @gray-a6;
+@cascader-title-color: rgba(45, 75, 115, 0.4);
 @cascader-selected-icon-size: 24px;
-@cascader-tabs-height: 48px;
+@cascader-tabs-height: 44px;
 @cascader-active-color: @blue;
 @cascader-options-height: 352px;
-@cascader-tab-color: @black;
-@cascader-unselected-tab-color: @gray-a4;
+@cascader-tab-color: rgba(45, 75, 115, 1);
+@cascader-unselected-tab-color: rgba(45, 75, 115, 0.4);
 
 // Cell
 @cell-font-size: @font-size-lg;
@@ -576,7 +574,7 @@
 // List
 @list-text-color: @gray-6;
 @list-text-font-size: @font-size-md;
-@list-text-line-height: 50px;
+@list-text-line-height: 44px;
 
 // Loading
 @loading-text-color: @gray-a6;
@@ -681,14 +679,14 @@
 @picker-cancel-action-font-weight: @plain-font-weight;
 @picker-cancel-action-color: @black;
 @picker-option-font-size: @font-size-md;
-@picker-option-text-color: @black;
+@picker-option-text-color: #2D4B73;
 @picker-option-disabled-opacity: 0.3;
 @picker-loading-icon-color: @blue;
 @picker-loading-mask-color: rgba(255, 255, 255, 0.9);
 
 // MultiplePicker
 @multiple-picker-warpper-padding: 12px 16px 4px 16px;
-@multiple-picker-option-text-color: @gray-a6;
+@multiple-picker-option-text-color: #2D4B73;
 
 // Popover
 @popover-arrow-size: 5px;
@@ -730,6 +728,7 @@
 @pull-refresh-head-height: 50px;
 @pull-refresh-head-font-size: @font-size-md;
 @pull-refresh-head-text-color: @gray-6;
+@pull-refresh-head-background:@background-color;
 
 // Radio
 @radio-size: 20px;
@@ -896,16 +895,20 @@
 @switch-width: 2.16em;
 @switch-height: 1.16em;
 @switch-border-radius: 0.58em;
-@switch-node-size: 1em;
+@switch-node-size: 0.9em;
 @switch-gap: 0.08em;
 @switch-node-background-color: @white;
-@switch-node-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05),
-  0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
-@switch-background-color: @gray-a1;
+@switch-node-box-shadow: 1px 1px 4px 0 rgba(45,75,115,0.20);
+@switch-background-color: #FAFAFF;
 @switch-on-background-color: @blue;
+@switch-on-background-image: linear-gradient(135deg, #DCE1EB 0%, #FFFFFF 100%);
+@switch-on-shadow: -2px 2px 4px 0 rgba(45,75,115,0.40);
 @switch-transition-duration: @animation-duration-base;
 @switch-disabled-opacity: @disabled-opacity;
 @switch-border: @border-width-base solid rgba(0, 0, 0, 0.1);
+@switch-background-shadow: inset 2px 2px 8px 0 rgba(45,75,115,0.20);
+@switch-node-background-image: linear-gradient(135deg, #E6EDF0 0%, #FFFFFF 100%, #FFFFFF 100%);
+@switch-node-border: 1px solid rgba(255,255,255,0.60);
 
 // SwitchCell
 @switch-cell-padding-top: @cell-vertical-padding - 1px;

package/es/switch/index.css

@@ -1 +1 @@
-.zt-switch{position:relative;display:inline-block;box-sizing:content-box;width:2.16em;height:1.16em;font-size:24px;background-color:rgba(0,0,0,.1);border-radius:.58em;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.zt-switch__node{position:absolute;top:.08em;left:.08em;width:1em;height:1em;background-color:#fff;border-radius:100%;box-shadow:0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);-webkit-transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05),-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05)}.zt-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.zt-switch--on{background-color:#0091fa}.zt-switch--on .zt-switch__node{-webkit-transform:translateX(1em);transform:translateX(1em)}.zt-switch--on .zt-switch__loading{color:#0091fa}.zt-switch--disabled{cursor:not-allowed;opacity:.4}.zt-switch--loading{cursor:default}
+.zt-switch{position:relative;display:inline-block;box-sizing:content-box;width:2.16em;height:1.16em;font-size:24px;background-color:#fafaff;box-shadow:inset 2px 2px 8px 0 rgba(45,75,115,.2);border-radius:.58em;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.zt-switch__node{position:absolute;top:.08em;left:.08em;width:.9em;height:.9em;background-color:#fff;background-image:-webkit-linear-gradient(315deg,#e6edf0 0,#fff 100%,#fff 100%);background-image:linear-gradient(135deg,#e6edf0 0,#fff 100%,#fff 100%);border-radius:100%;border:1px solid rgba(255,255,255,.6);box-shadow:1px 1px 4px 0 rgba(45,75,115,.2);-webkit-transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05),-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05)}.zt-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.zt-switch--on{background-color:#0091fa}.zt-switch--on .zt-switch__node{-webkit-transform:translateX(1em);transform:translateX(1em);background-image:-webkit-linear-gradient(315deg,#dce1eb 0,#fff 100%);background-image:linear-gradient(135deg,#dce1eb 0,#fff 100%);box-shadow:-2px 2px 4px 0 rgba(45,75,115,.4)}.zt-switch--on .zt-switch__loading{color:#0091fa}.zt-switch--disabled{cursor:not-allowed;opacity:.4}.zt-switch--loading{cursor:default}

package/es/switch/index.less

@@ -8,6 +8,7 @@
   height: @switch-height;
   font-size: @switch-size;
   background-color: @switch-background-color;
+	box-shadow: @switch-background-shadow;
   border-radius: @switch-border-radius;
   cursor: pointer;
   transition: background-color @switch-transition-duration;
@@ -19,7 +20,9 @@
     width: @switch-node-size;
     height: @switch-node-size;
     background-color: @switch-node-background-color;
+		background-image: @switch-node-background-image;
     border-radius: 100%;
+		border: @switch-node-border;
     box-shadow: @switch-node-box-shadow;
     transition: transform @switch-transition-duration
       cubic-bezier(0.3, 1.05, 0.4, 1.05);
@@ -37,7 +40,9 @@
     background-color: @switch-on-background-color;
 
     .zt-switch__node {
-      transform: translateX(@switch-width - @switch-node-size - 2*@switch-gap);
+      transform: translateX(@switch-width - @switch-node-size - 2*@switch-gap - 0.1em);
+			background-image: @switch-on-background-image;
+			box-shadow: @switch-on-shadow;
     }
 
     .zt-switch__loading {

package/lib/cascader/index.css

@@ -1 +1 @@
-.zt-cascader__header{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 16px}.zt-cascader__title{font-weight:700;font-size:16px;line-height:44px}.zt-cascader__close-icon{color:rgba(0,0,0,.4);font-size:20px}.zt-cascader__close-icon:active{color:rgba(0,0,0,.6)}.zt-cascader__tabs .zt-tab{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin:0 8px;padding:0}.zt-cascader__tabs.zt-tabs--line .zt-tabs__wrap{height:48px}.zt-cascader__tabs .zt-tabs__nav--complete{padding-right:8px;padding-left:8px}.zt-cascader__tab{color:#000;font-weight:700;font-size:14px;line-height:44px}.zt-cascader__tab--unselected{color:rgba(0,0,0,.4);font-weight:400}.zt-cascader__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-family:PingFangSC-Regular;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#000;padding:0 16px;font-weight:400;font-size:14px;line-height:44px}.zt-cascader__option:active{background-color:rgba(0,0,0,.04)}.zt-cascader__option--selected{color:#0091fa;font-weight:700}.zt-cascader__selected-icon{font-size:24px}.zt-cascader__options{box-sizing:border-box;height:352px;overflow-y:auto;-webkit-overflow-scrolling:touch}
+.zt-cascader__header{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:44px;padding:0 16px}.zt-cascader__title{font-weight:700;font-size:14px;line-height:44px;color:rgba(45,75,115,.4)}.zt-cascader__tabs .zt-tab{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin:0 8px;padding:0}.zt-cascader__tabs .zt-tabs__wrap{position:relative;height:44px}.zt-cascader__tabs .zt-tabs__wrap::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-cascader__tabs .zt-tabs__nav--complete{padding-right:8px;padding-left:8px}.zt-cascader__tab{color:#2d4b73;font-weight:700;font-size:14px;line-height:44px}.zt-cascader__tab--unselected{color:rgba(45,75,115,.4);font-weight:400}.zt-cascader__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-family:PingFangSC-Regular;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#2d4b73;padding:0 16px;font-weight:400;font-size:14px;line-height:44px}.zt-cascader__option:active{background-color:rgba(0,0,0,.04)}.zt-cascader__option--selected{color:#0091fa;font-weight:700}.zt-cascader__selected-icon{font-size:24px}.zt-cascader__options{box-sizing:border-box;height:352px;overflow-y:auto;-webkit-overflow-scrolling:touch}.zt-cascader .zt-tabs__nav{background:#fff}.zt-cascader__cancel{margin:8px 16px;width:calc(100% - 32px);background:rgba(45,75,115,.04);border-radius:20.5px}