zartui 2.0.21 → 2.0.23

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{font-size:16px;cursor:pointer;box-sizing:border-box}.zt-checkbox__icon .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;width:1em;height:1em;color:transparent;text-align:center;border:1px solid rgba(45,75,115,.13);-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{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;font-size:14px;line-height:16px}.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;-webkit-box-align:center;-webkit-align-items:center;align-items:center;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{font-size:16px;cursor:pointer;box-sizing:border-box}.zt-checkbox__icon .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;width:1em;height:1em;color:transparent;text-align:center;border:1px solid rgba(45,75,115,.13);-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{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;font-size:14px}.zt-checkbox__label--left{margin:0 8px 0 0}.zt-checkbox__label--disabled{color:#c8c9cc}

package/es/checkbox/index.less

@@ -3,6 +3,7 @@
 .zt-checkbox {
   display: flex;
   overflow: hidden;
+  align-items: center;
   cursor: pointer;
   user-select: none;
   padding: @checkbox-padding;
@@ -74,7 +75,7 @@
     margin-left: @checkbox-label-margin;
     color: @black;
     font-size: @checkbox-label-font-size;
-    line-height: @checkbox-size;
+    //line-height: @checkbox-size;
 
     &--left {
       margin: 0 @checkbox-label-margin 0 0;

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 = '2.0.21';
+var version = '2.0.23';
 
 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/radio/index.css

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

package/es/radio/index.less

@@ -2,6 +2,7 @@
 
 .zt-radio {
   display: flex;
+  align-items: center;
   overflow: hidden;
   cursor: pointer;
   user-select: none;
@@ -80,7 +81,7 @@
     margin-left: @radio-label-margin;
     color: @black;
     font-size: @radio-label-font-size;
-    line-height: @radio-size;
+    //line-height: @radio-size;
 
     &--left {
       margin: 0 @radio-label-margin 0 0;

package/es/timeline/index.css

@@ -1 +1 @@
-.zt-timeline{background-color:#fff}.zt-timeline__top-bar{height:44px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-timeline__top-left{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-timeline__bar{width:4px;height:16px;background:#0091fa;margin-right:12px}.zt-timeline__title{font-size:16px;font-weight:700;color:#000;line-height:24px}.zt-timeline__top-right{padding-right:16px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-timeline__fold-text{font-size:16px;color:rgba(0,0,0,.6);line-height:24px;margin-right:8px}.zt-timeline__container{padding-top:16px}.zt-timeline__item{padding:0 16px 16px 16px;display:-webkit-box;display:-webkit-flex;display:flex}.zt-timeline__item.last-item .zt-timeline__line{height:0}.zt-timeline__left-container{margin-right:8px;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}.zt-timeline__right-container{-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-timeline__avatar-box{width:40px;height:40px}.zt-timeline__avatar{width:40px;height:40px;background:#0091fa;border-radius:4px;font-size:14px;font-weight:700;text-align:center;color:#fff;line-height:40px}.zt-timeline__line{background-color:#f5f5f5;width:2px;height:100%;margin-top:4px;margin-bottom:-12px}.zt-timeline__title-box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:8px}.zt-timeline__title{font-size:16px;font-weight:700;color:#000;line-height:24px}.zt-timeline__time{font-size:12px;color:rgba(0,0,0,.8);line-height:16px}.zt-timeline__content-box{font-size:14px;color:rgba(0,0,0,.8);line-height:20px;padding-bottom:8px}.zt-timeline__main-container{background:rgba(0,0,0,.02);border-radius:4px;padding:8px 12px}.zt-timeline__main-container::before{border-radius:4px}.zt-timeline__main-container .zt-timeline__text-bold{font-weight:700;color:#000}.zt-timeline__opinion-box{padding-top:7px}.zt-timeline__opinion-label{margin-bottom:4px;font-size:14px;color:rgba(0,0,0,.4);line-height:20px}.zt-timeline__opinion{font-size:14px;color:#000;line-height:20px}
+.zt-timeline{background-color:#fff}.zt-timeline .zt-timeline__top-bar{height:44px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-timeline .zt-timeline__top-left{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-timeline .zt-timeline__bar{width:4px;height:16px;background:#0091fa;margin-right:12px}.zt-timeline .zt-timeline__top-right{padding-right:16px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-timeline .zt-timeline__fold-text{font-size:14px;color:rgba(45,75,115,.6);line-height:24px;margin-right:8px}.zt-timeline .zt-timeline__container{padding-top:16px}.zt-timeline .zt-timeline__item{padding:0 16px 16px 16px;display:-webkit-box;display:-webkit-flex;display:flex}.zt-timeline .zt-timeline__item.last-item .zt-timeline__line{height:0}.zt-timeline .zt-timeline__left-container{margin-right:8px;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}.zt-timeline .zt-timeline__right-container{-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-timeline .zt-timeline__avatar-box{width:40px;height:40px;position:relative}.zt-timeline .zt-timeline__status{width:16px;height:16px;position:absolute;bottom:-4px;right:-4px}.zt-timeline .zt-timeline__avatar{width:40px;height:40px;background:rgba(0,145,250,.7);border-radius:4px;font-size:14px;font-weight:700;text-align:center;color:#fff;line-height:40px}.zt-timeline .zt-timeline__line{background-color:#f5f5f5;width:2px;height:100%;margin-top:4px;margin-bottom:-12px}.zt-timeline .zt-timeline__title-box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:8px}.zt-timeline .zt-timeline__title{font-size:14px;font-weight:700;color:#2d4b73;line-height:24px}.zt-timeline .zt-timeline__time{font-size:12px;color:rgba(45,75,115,.8);line-height:16px}.zt-timeline .zt-timeline__content-box{font-size:14px;color:#2d4b73;line-height:20px;padding-bottom:8px}.zt-timeline .zt-timeline__human-box{padding-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.zt-timeline .zt-timeline__human-box .zt-timeline__depart{font-size:14px;color:#2d4b73;line-height:20px;margin-right:8px}.zt-timeline .zt-timeline__human-box .zt-timeline__human{font-weight:700;font-size:14px;color:#2d4b73;line-height:20px}.zt-timeline .zt-timeline__main-container{background:rgba(45,75,115,.04);border-radius:4px;padding:8px 12px}.zt-timeline .zt-timeline__main-container::before{border-radius:4px}.zt-timeline .zt-timeline__main-container .zt-timeline__text-bold{font-weight:700;color:#2d4b73}.zt-timeline .zt-timeline__opinion-box{padding-top:7px}.zt-timeline .zt-timeline__opinion-box .zt-timeline__opinion--empty{font-size:14px;color:rgba(45,75,115,.2)}.zt-timeline .zt-timeline__content-label,.zt-timeline .zt-timeline__opinion-label{margin-bottom:4px;font-size:14px;color:rgba(45,75,115,.6);line-height:20px}.zt-timeline .zt-timeline__opinion{font-size:14px;color:#2d4b73;line-height:20px}

package/es/timeline/index.js

@@ -7,6 +7,8 @@ var _createNamespace = createNamespace('timeline'),
     bem = _createNamespace[1];
 
 import Switch from "../switch";
+import PassIcon from "./svg/pass";
+import CurrentIcon from "./svg/current";
 
 var defaultData = function defaultData() {
   return {
@@ -41,6 +43,10 @@ export default createComponent({
       type: String,
       default: "处理意见"
     },
+    contentKey: {
+      type: String,
+      default: "案件状态"
+    },
     enableSingleFold: {
       type: Boolean,
       default: true
@@ -74,7 +80,7 @@ export default createComponent({
         });
       }
     },
-    genAvatar: function genAvatar(item, avatarSlot) {
+    genAvatar: function genAvatar(item, avatarSlot, isLast) {
       var h = this.$createElement;
 
       if (avatarSlot) {
@@ -93,7 +99,11 @@ export default createComponent({
         }
       }) : h("div", {
         "class": bem("avatar")
-      }, [item.human.slice(-2)])]);
+      }, [item.human.slice(-2)]), isLast ? h(CurrentIcon, {
+        "class": bem("status")
+      }) : h(PassIcon, {
+        "class": bem("status")
+      })]);
     },
     genTitle: function genTitle(item, titleSlot) {
       var h = this.$createElement;
@@ -108,10 +118,27 @@ export default createComponent({
         "class": bem("title-box")
       }, [h("span", {
         "class": bem("title")
-      }, [item.department + "[" + item.human + "]"]), h("span", {
+      }, [item.action]), h("span", {
         "class": bem("time")
       }, [item.timestamp])]);
     },
+    genHuman: function genHuman(item, humanSlot) {
+      var h = this.$createElement;
+
+      if (humanSlot) {
+        return h("div", {
+          "class": bem("human-box") + " half-border-bottom"
+        }, [humanSlot]);
+      }
+
+      return h("div", {
+        "class": bem("human-box" + " half-border-bottom")
+      }, [h("span", {
+        "class": bem("depart")
+      }, ["" + item.department]), h("span", {
+        "class": bem("human")
+      }, ["[" + item.human + "]"])]);
+    },
     genContent: function genContent(item, contentSlot) {
       var h = this.$createElement;
 
@@ -123,10 +150,28 @@ export default createComponent({
 
       return h("div", {
         "class": bem("content-box" + " half-border-bottom")
-      }, ["\u5728", h("span", [item.stage]), "\u9636\u6BB5", h("span", {
-        "class": bem("text-bold")
-      }, [" ", item.action, " "]), "\u5230", h("span", [item.nextAction]), h("span", [item.nextDepartment]), h("span", {
-        "class": bem("text-bold")
+      }, [h("div", {
+        "class": bem("content-label")
+      }, [this.contentKey]), h("span", {
+        "directives": [{
+          name: "show",
+          value: item.stage
+        }]
+      }, ["\u5728", item.stage, "\u9636\u6BB5"]), h("span", [" ", item.action, " "]), h("span", {
+        "directives": [{
+          name: "show",
+          value: item.nextAction
+        }]
+      }, ["\u5230", item.nextAction]), h("span", {
+        "directives": [{
+          name: "show",
+          value: item.nextDepartment
+        }]
+      }, [item.nextDepartment]), h("span", {
+        "directives": [{
+          name: "show",
+          value: item.nextHuman
+        }]
       }, [" [", item.nextHuman, "]"])]);
     },
     genOpinion: function genOpinion(item, opinionSlot) {
@@ -143,8 +188,8 @@ export default createComponent({
       }, [h("div", {
         "class": bem("opinion-label")
       }, [this.opinionKey]), h("div", {
-        "class": bem("opinion")
-      }, [item.opinion])]);
+        "class": bem("opinion", item.opinion ? "" : "empty")
+      }, [item.opinion || "无"])]);
     },
     genProcessItem: function genProcessItem(item, isLast) {
       var h = this.$createElement;
@@ -152,6 +197,7 @@ export default createComponent({
       var titleSlot = this.slots("title", item);
       var contentSlot = this.slots("content", item);
       var opinionSlot = this.slots("opinion", item);
+      var humanSlot = this.slots("human", item);
       var that = this;
 
       function itemClicked() {
@@ -169,13 +215,13 @@ export default createComponent({
         }
       }, [h("div", {
         "class": bem("left-container")
-      }, [this.genAvatar(item, avatarSlot), h("div", {
+      }, [this.genAvatar(item, avatarSlot, isLast), h("div", {
         "class": bem("line")
       })]), h("div", {
         "class": bem("right-container")
       }, [this.genTitle(item, titleSlot), item.folded ? h() : h("div", {
-        "class": bem("main-container") + " half-border"
-      }, [this.genContent(item, contentSlot), this.genOpinion(item, opinionSlot)])])]);
+        "class": bem("main-container")
+      }, [this.genHuman(item, humanSlot), this.genContent(item, contentSlot), this.genOpinion(item, opinionSlot)])])]);
     }
   },
   render: function render(h) {

package/es/timeline/index.less

@@ -2,43 +2,37 @@
 
 .zt-timeline {
   background-color: #fff;
-  &__top-bar {
+  .zt-timeline__top-bar {
     height: 44px;
     display: flex;
     justify-content: space-between;
     align-items: center;
   }
-  &__top-left {
+  .zt-timeline__top-left {
     display: flex;
     align-items: center;
   }
-  &__bar {
+  .zt-timeline__bar {
     width: 4px;
     height: 16px;
     background: #0091fa;
     margin-right: 12px;
   }
-  &__title {
-    font-size: 16px;
-    font-weight: bold;
-    color: #000000;
-    line-height: 24px;
-  }
-  &__top-right {
+  .zt-timeline__top-right {
     padding-right: 16px;
     display: flex;
     align-items: center;
   }
-  &__fold-text {
-    font-size: 16px;
-    color: rgba(0,0,0,0.60);
+  .zt-timeline__fold-text {
+    font-size: 14px;
+    color: rgba(45, 75, 115, .6);
     line-height: 24px;
     margin-right: 8px;
   }
-  &__container {
+  .zt-timeline__container {
     padding-top: 16px;
   }
-  &__item {
+  .zt-timeline__item {
     padding: 0 16px 16px 16px;
     display: flex;
     &.last-item {
@@ -47,23 +41,31 @@
       }
     }
   }
-  &__left-container {
+  .zt-timeline__left-container {
     margin-right: 8px;
     display: flex;
     flex-direction: column;
     align-items: center;
   }
-  &__right-container {
+  .zt-timeline__right-container {
     flex: 1;
   }
-  &__avatar-box {
+  .zt-timeline__avatar-box {
     width: 40px;
     height: 40px;
+    position: relative;
   }
-  &__avatar {
+  .zt-timeline__status {
+    width: 16px;
+    height: 16px;
+    position: absolute;
+    bottom: -4px;
+    right: -4px;
+  }
+  .zt-timeline__avatar {
     width: 40px;
     height: 40px;
-    background: #0091fa;
+    background: rgba(0,145,250,0.70);
     border-radius: 4px;
     font-size: 14px;
     font-weight: bold;
@@ -71,38 +73,58 @@
     color: #ffffff;
     line-height: 40px;
   }
-  &__line {
+  .zt-timeline__line {
     background-color: #f5f5f5;
     width: 2px;
     height: 100%;
     margin-top: 4px;
     margin-bottom: -12px;
   }
-  &__title-box {
+  .zt-timeline__title-box {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 8px;
   }
-  &__title {
-    font-size: 16px;
+  .zt-timeline__title {
+    font-size: 14px;
     font-weight: bold;
-    color: #000000;
+    color: rgba(45, 75, 115, 1);
     line-height: 24px;
   }
-  &__time {
+  .zt-timeline__time {
     font-size: 12px;
-    color: rgba(0,0,0,.8);
+    color: rgba(45, 75, 115, .8);
     line-height: 16px;
   }
-  &__content-box {
+  .zt-timeline__content-box {
     font-size: 14px;
-    color: rgba(0,0,0,0.80);
+    color: #2D4B73;
     line-height: 20px;
     padding-bottom: 8px;
   }
-  &__main-container {
-    background: rgba(0,0,0,0.02);
+  .zt-timeline__human-box {
+    padding-bottom: 8px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    overflow: hidden;
+    .zt-timeline__depart {
+        font-size: 14px;
+        color: #2D4B73;
+        line-height: 20px;
+        margin-right: 8px;
+    }
+    .zt-timeline__human {
+        font-weight: bold;
+        font-size: 14px;
+        color: #2D4B73;
+        line-height: 20px;
+        
+    }
+  }
+  .zt-timeline__main-container {
+    background: rgba(45, 75, 115, 0.04);
     border-radius: 4px;
     padding: 8px 12px;
     &::before {
@@ -110,21 +132,25 @@
     }
     .zt-timeline__text-bold {
       font-weight: bold;
-      color: #000000;
+      color: rgba(45, 75, 115, 1);
     }
   }
-  &__opinion-box {
+  .zt-timeline__opinion-box {
     padding-top: 7px;
+    .zt-timeline__opinion--empty {
+        font-size: 14px;
+        color: rgba(45, 75, 115, .2);
+    }
   }
-  &__opinion-label {
+  .zt-timeline__opinion-label, .zt-timeline__content-label {
     margin-bottom: 4px;
     font-size: 14px;
-    color: rgba(0,0,0,.4);
+    color: rgba(45, 75, 115, .6);
     line-height: 20px;
   }
-  &__opinion {
+  .zt-timeline__opinion {
     font-size: 14px;
-    color: #000000;
+    color: #2D4B73;
     line-height: 20px;
   }
 }

package/es/timeline/svg/current.js

@@ -0,0 +1,30 @@
+export default {
+  render: function render() {
+    var h = arguments[0];
+    return h("svg", {
+      "attrs": {
+        "xmlns": "http://www.w3.org/2000/svg",
+        "viewBox": "0 0 16 16"
+      },
+      "class": "design-iconfont"
+    }, [h("g", {
+      "attrs": {
+        "fill": "none",
+        "fill-rule": "evenodd"
+      }
+    }, [h("path", {
+      "attrs": {
+        "stroke": "#FFF",
+        "stroke-width": "2",
+        "fill": "#FF8700",
+        "d": "M8 1A7 7 0 1 0 8 15A7 7 0 1 0 8 1Z"
+      }
+    }), h("path", {
+      "attrs": {
+        "d": "M11.9521467,5.34818462 C12.342671,5.73870892 12.342671,6.3718739 11.9521467,6.76239819 L9.53793311,9.17661175 C9.14740882,9.56713604 8.51424384,9.56713604 8.12371955,9.17661175 L8.07845049,9.12529141 L5.99434371,7.04178547 C5.63385975,6.68130151 5.60613021,6.11407045 5.9111551,5.72177925 L5.99434371,5.62757191 C6.384868,5.23704762 7.01803298,5.23704762 7.40855727,5.62757191 L7.40855727,5.62757191 L8.83345049,7.05229141 L10.5379331,5.34818462 C10.9284574,4.95766033 11.5616224,4.95766033 11.9521467,5.34818462 Z",
+        "fill": "#FFF",
+        "transform": "rotate(45 8.973245 7.262398)"
+      }
+    })])]);
+  }
+};

package/es/timeline/svg/pass.js

@@ -0,0 +1,29 @@
+export default {
+  render: function render() {
+    var h = arguments[0];
+    return h("svg", {
+      "attrs": {
+        "xmlns": "http://www.w3.org/2000/svg",
+        "viewBox": "0 0 16 16"
+      },
+      "class": "design-iconfont"
+    }, [h("g", {
+      "attrs": {
+        "fill": "none",
+        "fill-rule": "evenodd"
+      }
+    }, [h("path", {
+      "attrs": {
+        "stroke": "#FFF",
+        "stroke-width": "2",
+        "fill": "#00E173",
+        "d": "M8 1A7 7 0 1 0 8 15A7 7 0 1 0 8 1Z"
+      }
+    }), h("path", {
+      "attrs": {
+        "d": "M11.457803,6.04289322 C11.8483273,6.43341751 11.8483273,7.06658249 11.457803,7.45710678 L8.33648262,10.5784271 C7.94595833,10.9689514 7.31279335,10.9689514 6.92226906,10.5784271 L6.877,10.527 L4.79289322,8.44360084 C4.43240926,8.08311688 4.40467972,7.51588583 4.70970461,7.12359462 L4.79289322,7.02938728 C5.18341751,6.63886299 5.81658249,6.63886299 6.20710678,7.02938728 L6.20710678,7.02938728 L7.632,8.454 L10.0435894,6.04289322 C10.4341137,5.65236893 11.0672787,5.65236893 11.457803,6.04289322 Z",
+        "fill": "#FFF"
+      }
+    })])]);
+  }
+};

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{font-size:16px;cursor:pointer;box-sizing:border-box}.zt-checkbox__icon .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;width:1em;height:1em;color:transparent;text-align:center;border:1px solid rgba(45,75,115,.13);-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{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;font-size:14px;line-height:16px}.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;-webkit-box-align:center;-webkit-align-items:center;align-items:center;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{font-size:16px;cursor:pointer;box-sizing:border-box}.zt-checkbox__icon .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;width:1em;height:1em;color:transparent;text-align:center;border:1px solid rgba(45,75,115,.13);-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{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;font-size:14px}.zt-checkbox__label--left{margin:0 8px 0 0}.zt-checkbox__label--disabled{color:#c8c9cc}

package/lib/checkbox/index.less

@@ -3,6 +3,7 @@
 .zt-checkbox {
   display: flex;
   overflow: hidden;
+  align-items: center;
   cursor: pointer;
   user-select: none;
   padding: @checkbox-padding;
@@ -74,7 +75,7 @@
     margin-left: @checkbox-label-margin;
     color: @black;
     font-size: @checkbox-label-font-size;
-    line-height: @checkbox-size;
+    //line-height: @checkbox-size;
 
     &--left {
       margin: 0 @checkbox-label-margin 0 0;