zartui 1.0.9 → 1.0.11

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:10px 16px;overflow:hidden;color:rgba(0,0,0,.6);font-size:16px;line-height:24px;background-color:#fff}.zt-cell--noFlex{display:block}.zt-cell--noFlex .zt-cell__title{margin-bottom:10px;width:100%;max-width:100%}.zt-cell::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--borderless::after,.zt-cell:last-child::after{display:none}.zt-cell__label{margin-top:10px;color:#000;font-size:14px;line-height:18px}.zt-cell__title,.zt-cell__value{-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-cell__placeholder{color:#c8c9cc;-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:right}.zt-cell__value{position:relative;overflow:hidden;color:#000;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:24px;font-size:16px;line-height:24px}.zt-cell__left-icon{margin-right:4px}.zt-cell__right-icon{margin:auto 0;margin-left:4px;color:#969799}.zt-cell--clickable{cursor:pointer}.zt-cell--clickable:active{background-color:rgba(0,0,0,.04)}.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{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:10px 16px;overflow:hidden;color:rgba(0,0,0,.6);font-size:16px;line-height:24px;background-color:#fff}.zt-cell--noFlex{display:block}.zt-cell--noFlex .zt-cell__title{margin-bottom:10px;width:100%;max-width:100%}.zt-cell::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--borderless::after,.zt-cell:last-child::after{display:none}.zt-cell__label{margin-top:10px;color:#000;font-size:14px;line-height:18px}.zt-cell__title,.zt-cell__value{-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-cell__placeholder{color:rgba(0,0,0,.2);-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:right}.zt-cell__value{position:relative;overflow:hidden;color:#000;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:24px;font-size:16px;line-height:24px}.zt-cell__left-icon{margin-right:4px}.zt-cell__right-icon{margin:auto 0;margin-left:4px;color:#969799}.zt-cell--clickable{cursor:pointer}.zt-cell--clickable:active{background-color:rgba(0,0,0,.04)}.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}

package/es/collapse-item/index.css

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

package/es/collapse-item/index.js

@@ -6,6 +6,7 @@ import { raf, doubleRaf } from '../utils/dom/raf'; // Mixins
 import { ChildrenMixin } from '../mixins/relation'; // Components
 
 import Cell from '../cell';
+import Icon from "../icon";
 import { cellProps } from '../cell/shared';
 
 var _createNamespace = createNamespace('collapse-item'),
@@ -138,6 +139,15 @@ export default createComponent({
           expanded = this.expanded,
           titleBG = this.titleBG;
       var titleSlots = CELL_SLOTS.reduce(function (slots, name) {
+        slots['right-icon'] = function () {
+          return h(Icon, {
+            "class": bem('right-icon'),
+            "attrs": {
+              "name": 'keyboard-arrow-up'
+            }
+          });
+        };
+
         if (_this3.slots(name)) {
           slots[name] = function () {
             return _this3.slots(name);

package/es/collapse-item/index.less

@@ -7,31 +7,30 @@
   &__container {
     display: flex;
     align-items: center;
-    background-color: #fff;
+    background-color: @white;
     .zt-cell {
-      padding-left: 12px;
+      padding-left: @collapse-item-content-padding;
     }
   }
   &__bar {
-    width: 4px;
-    height: 16px;
-    background: #0091FA;
+    width: @collapse-item-bar-width;
+    height: @collapse-item-bar-height;
+    background: @blue;
   }
 
   &__title {
     &--iconWhite {
       .zt-icon::before {
-        color: #fff!important;
+        color: @white !important;
       }
     }
     .zt-cell__title {
       font-weight: bold;
-      font-family: PingFangSC-Semibold;
     }
-    .zt-cell__right-icon::before {
+    .zt-collapse-item__right-icon::before {
       // using translateZ to fix safari rendering issues
       // see: https://github.com/youzan/vant/issues/8608
-      transform: rotate(90deg) translateZ(0);
+      font-size: @collapse-item-right-icon-font-size;
       transition: transform @collapse-item-transition-duration;
       color: @gray-a2;
     }
@@ -42,8 +41,8 @@
     }
 
     &--expanded {
-      .zt-cell__right-icon::before {
-        transform: rotate(-90deg);
+      .zt-collapse-item__right-icon::before {
+        transform: rotate(-180deg);
         color: @blue;
       }
 

package/es/datetime-picker/DatePicker.js

@@ -5,6 +5,7 @@ import { isDate } from '../utils/validate/date';
 import { padZero } from '../utils/format/string';
 import { getTrueValue, getMonthEndDay } from './utils';
 import { sharedProps, TimePickerMixin } from './shared';
+import { formatDateByDate, FORMAT } from '../utils/format/date-util';
 var currentYear = new Date().getFullYear();
 
 var _createNamespace = createNamespace('date-picker'),
@@ -295,9 +296,54 @@ export default createComponent({
     updateColumnValue: function updateColumnValue() {
       var _this5 = this;
 
-      var defaultValue = new Date();
+      // 根据type将默认时间和最大最小时间转换后再比较
+      // 如果调用者传入new Date(),与此处new Date()会有时间差，目前只支持到分钟，可以忽略时间差
+      var now = new Date();
+      var dStr = "";
+      var minStr = "";
+      var maxStr = "";
 
-      if (defaultValue.getTime() < this.minDate.getTime() || defaultValue.getTime() > this.maxDate.getTime()) {
+      switch (this.type) {
+        case "date":
+          dStr = formatDateByDate(now, FORMAT.FORMAT_YMD);
+          minStr = formatDateByDate(this.minDate, FORMAT.FORMAT_YMD);
+          maxStr = formatDateByDate(this.maxDate, FORMAT.FORMAT_YMD);
+          break;
+
+        case "year-month":
+          dStr = formatDateByDate(now, FORMAT.FORMAT_YM);
+          minStr = formatDateByDate(this.minDate, FORMAT.FORMAT_YM);
+          maxStr = formatDateByDate(this.maxDate, FORMAT.FORMAT_YM);
+          break;
+
+        case "month-day":
+          dStr = formatDateByDate(now, FORMAT.FORMAT_MD);
+          minStr = formatDateByDate(this.minDate, FORMAT.FORMAT_MD);
+          maxStr = formatDateByDate(this.maxDate, FORMAT.FORMAT_MD);
+          break;
+
+        case "datetime":
+          dStr = formatDateByDate(now, FORMAT.FORMAT_YMDHM);
+          minStr = formatDateByDate(this.minDate, FORMAT.FORMAT_YMDHM);
+          maxStr = formatDateByDate(this.maxDate, FORMAT.FORMAT_YMDHM);
+          break;
+
+        case "datehour":
+          // "2022/11/11 14"这种格式无法使用new Date
+          dStr = formatDateByDate(now, FORMAT.FORMAT_YMDH) + ":00:00";
+          minStr = formatDateByDate(this.minDate, FORMAT.FORMAT_YMDH) + ":00:00";
+          maxStr = formatDateByDate(this.maxDate, FORMAT.FORMAT_YMDH) + ":00:00";
+          break;
+
+        default:
+          break;
+      }
+
+      var defaultValue = new Date(dStr.replace(/-/g, "/"));
+      var minDate = new Date(minStr.replace(/-/g, "/"));
+      var maxDate = new Date(maxStr.replace(/-/g, "/"));
+
+      if (defaultValue < minDate || defaultValue > maxDate) {
         defaultValue = this.minDate;
       }
 

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::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-field__root--borderless::after,.zt-field__root:last-child::after{display:none}.zt-field{padding:0;background-color:#fff}.zt-field::after{display:none}.zt-field__label{-webkit-box-flex:0;-webkit-flex:none;flex:none;box-sizing:border-box;width:6.2em;margin-right:12px;color:#646566;text-align:left;word-wrap:break-word;vertical-align:middle}.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}.zt-field__body{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.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:rgba(0,0,0,.6);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none}.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:24px}.zt-field__control[type=date],.zt-field__control[type=datetime-local],.zt-field__control[type=time]{min-height:24px}.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}.zt-field__left-icon{margin-right:4px}.zt-field__right-icon{color:#969799}.zt-field__button{padding-left:8px}.zt-field__error-message{position:relative;background-color:rgba(230,35,20,.08);margin-top:10px;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{margin-top:4px;color:#646566;font-size:12px;line-height:16px;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__root{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;background-color:#fff;padding:10px 16px}.zt-field__root::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-field__root--borderless::after,.zt-field__root:last-child::after{display:none}.zt-field{padding:0;background-color:#fff}.zt-field::after{display:none}.zt-field__label{-webkit-box-flex:0;-webkit-flex:none;flex:none;box-sizing:border-box;width:6.2em;margin-right:12px;color:rgba(0,0,0,.6);text-align:left;word-wrap:break-word;vertical-align:middle}.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}.zt-field__body{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.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:#000;line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none}.zt-field__control::-webkit-input-placeholder{color:rgba(0,0,0,.2)}.zt-field__control::placeholder{color:rgba(0,0,0,.2)}.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:24px}.zt-field__control[type=date],.zt-field__control[type=datetime-local],.zt-field__control[type=time]{min-height:24px}.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}.zt-field__left-icon{margin-right:4px}.zt-field__right-icon{color:#969799}.zt-field__button{padding-left:8px}.zt-field__error-message{position:relative;background-color:rgba(230,35,20,.08);margin-top:10px;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{margin-top:4px;color:#646566;font-size:12px;line-height:16px;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}

package/es/index.js

@@ -76,7 +76,7 @@ import Tag from './tag';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '1.0.9';
+var version = '1.0.11';
 
 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, PdfViewerV2, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Timeline, Toast, Uploader];

package/es/number-keyboard/index.css

@@ -1 +1 @@
-.zt-number-keyboard{position:fixed;bottom:0;left:0;z-index:100;width:calc(100% - 24px);padding:16px 8px 8px 16px;background-color:#f2f3f5;-webkit-user-select:none;user-select:none}.zt-number-keyboard--with-title{border-radius:20px 20px 0 0}.zt-number-keyboard__header{position:relative;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;box-sizing:content-box;height:34px;padding-top:6px;color:#646566;font-size:16px}.zt-number-keyboard__title{display:inline-block;font-weight:400}.zt-number-keyboard__title-left{position:absolute;left:0}.zt-number-keyboard__body{display:-webkit-box;display:-webkit-flex;display:flex}.zt-number-keyboard__keys{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:3;-webkit-flex:3;flex:3;-webkit-flex-wrap:wrap;flex-wrap:wrap}.zt-number-keyboard__close{position:absolute;right:0;height:100%;padding:0 16px;color:#576b95;font-size:14px;background-color:transparent;border:none;cursor:pointer}.zt-number-keyboard__close:active{opacity:.7}.zt-number-keyboard__sidebar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.zt-number-keyboard--unfit{padding-bottom:0}.zt-key{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;font-size:28px;line-height:1.5;background-color:#fff;border-radius:8px;cursor:pointer}.zt-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.zt-key--blue,.zt-key--delete{font-size:16px}.zt-key--active{background-color:#ebedf0}.zt-key--blue{color:#fff;background-color:#0091fa}.zt-key--blue.zt-key--active{background-color:#0073c7}.zt-key__wrapper{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:33%;flex-basis:33%;box-sizing:border-box;padding:0 8px 8px 0}.zt-key__wrapper--wider{-webkit-flex-basis:66%;flex-basis:66%}.zt-key__delete-icon{width:32px;height:22px}.zt-key__collapse-icon{width:30px;height:24px}.zt-key__loading-icon{color:#fff}.zt-cell .zt-field__label{color:rgba(0,0,0,.6)}
+.zt-number-keyboard{position:fixed;bottom:0;left:0;z-index:100;width:calc(100% - 24px);padding:16px 8px 8px 16px;background-color:#f2f3f5;-webkit-user-select:none;user-select:none}.zt-number-keyboard--with-title{border-radius:20px 20px 0 0}.zt-number-keyboard__header{position:relative;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;box-sizing:content-box;height:34px;padding-top:6px;color:#646566;font-size:16px}.zt-number-keyboard__title{display:inline-block;font-weight:400}.zt-number-keyboard__title-left{position:absolute;left:0}.zt-number-keyboard__body{display:-webkit-box;display:-webkit-flex;display:flex}.zt-number-keyboard__keys{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:3;-webkit-flex:3;flex:3;-webkit-flex-wrap:wrap;flex-wrap:wrap}.zt-number-keyboard__close{position:absolute;right:0;height:100%;padding:0 16px;color:#576b95;font-size:14px;background-color:transparent;border:none;cursor:pointer}.zt-number-keyboard__close:active{opacity:.7}.zt-number-keyboard__sidebar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.zt-number-keyboard--unfit{padding-bottom:0}.zt-key{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;font-size:28px;line-height:1.5;background-color:#fff;border-radius:8px;cursor:pointer}.zt-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.zt-key--blue,.zt-key--delete{font-size:16px}.zt-key--active{background-color:#ebedf0}.zt-key--blue{color:#fff;background-color:#0091fa}.zt-key--blue.zt-key--active{background-color:#0073c7}.zt-key__wrapper{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:33%;flex-basis:33%;box-sizing:border-box;padding:0 8px 8px 0}.zt-key__wrapper--wider{-webkit-flex-basis:66%;flex-basis:66%}.zt-key__delete-icon{width:32px;height:22px}.zt-key__collapse-icon{width:30px;height:24px}.zt-key__loading-icon{color:#fff}

package/es/number-keyboard/index.less

@@ -138,7 +138,4 @@
   &__loading-icon {
     color: @number-keyboard-button-text-color;
   }
-}
-.zt-cell .zt-field__label {
-  color: rgba(0, 0, 0, 0.6);
 }

package/es/style/var.less

@@ -288,12 +288,15 @@
 
 // Collapse
 @collapse-item-transition-duration: @animation-duration-base;
-@collapse-item-content-padding: @padding-sm @padding-md;
+@collapse-item-content-padding: 12px;
+@collapse-item-bar-width: 4px;
+@collapse-item-bar-height: 16px;
 @collapse-item-content-font-size: @font-size-md;
 @collapse-item-content-line-height: @line-height-md;
 @collapse-item-content-text-color: @black;
 @collapse-item-content-background-color: @white;
 @collapse-item-title-disabled-color: @gray-5;
+@collapse-item-right-icon-font-size: 20px;
 
 // ContactCard
 @contact-card-padding: @padding-md;
@@ -418,12 +421,12 @@
 @field-vertical-padding: 10px;
 @field-horizontal-padding: @padding-md;
 @field-label-width: 6.2em;
-@field-label-color: @gray-7;
+@field-label-color: @gray-a6;
 @field-label-margin-right: @padding-sm;
-@field-input-text-color: @text-color;
+@field-input-text-color: @black;
 @field-input-error-text-color: @red;
 @field-input-disabled-text-color: @gray-5;
-@field-placeholder-text-color: @gray-5;
+@field-placeholder-text-color: @gray-a2;
 @field-icon-size: 16px;
 @field-clear-icon-size: 16px;
 @field-clear-icon-color: @gray-5;

package/es/timeline/index.js

@@ -7,14 +7,6 @@ var _createNamespace = createNamespace('timeline'),
     bem = _createNamespace[1];
 
 import Switch from "../switch";
-
-var defaultData = function defaultData() {
-  return {
-    isFold: false,
-    computedProcesses: []
-  };
-};
-
 export default createComponent({
   props: {
     title: {
@@ -47,33 +39,34 @@ export default createComponent({
     }
   },
   data: function data() {
-    return defaultData();
+    return {
+      isFold: this.defaultFold
+    };
   },
-  computed: {},
-  watch: {},
-  mounted: function mounted() {
-    this.isFold = this.defaultFold;
-    this.computedProcesses = this.processes.map(function (v) {
-      return _extends({}, v, {
-        folded: false
-      });
-    });
-  },
-  methods: {
-    genProcesses: function genProcesses() {
+  computed: {
+    computedProcesses: function computedProcesses() {
       var _this = this;
 
+      var wrapper = this.processes.map(function (v) {
+        return _extends({}, v, {
+          folded: false
+        });
+      });
+
       if (this.isFold) {
-        var showProcesses = this.computedProcesses.slice(0, this.collapseCount);
+        var showProcesses = wrapper.slice(0, this.collapseCount);
         return showProcesses.map(function (item, index) {
           return _this.genProcessItem(item, index === showProcesses.length - 1);
         });
       } else {
-        return this.computedProcesses.map(function (item, index) {
-          return _this.genProcessItem(item, index === _this.computedProcesses.length - 1);
+        return wrapper.map(function (item, index) {
+          return _this.genProcessItem(item, index === wrapper.length - 1);
         });
       }
-    },
+    }
+  },
+  watch: {},
+  methods: {
     genAvatar: function genAvatar(item, avatarSlot) {
       var h = this.$createElement;
 
@@ -181,7 +174,7 @@ export default createComponent({
   render: function render(h) {
     var _this2 = this;
 
-    var processes = this.genProcesses();
+    var processes = this.computedProcesses;
     return h("div", {
       "class": bem()
     }, [h("div", {

package/es/utils/format/date-util.js

@@ -21,6 +21,8 @@ export var FORMAT = {
   FORMAT_YMD_SLASH: "yyyy/MM/dd",
   //英文简写（默认）如：2010-12
   FORMAT_YM: "yyyy-MM",
+  //英文全称  如：2010-12-01 23
+  FORMAT_YMDH: "yyyy-MM-dd HH",
   //英文全称  如：2010-12-01 23:15
   FORMAT_YMDHM: "yyyy-MM-dd HH:mm",
   //英文全称  如：2010-12-01 23:15:06