zartui 0.1.102 → 0.1.105

package/es/calendar/components/Header.js

@@ -6,6 +6,7 @@ var _createNamespace = createNamespace('calendar-header'),
 
 export default createComponent({
   props: {
+    color: String,
     title: String,
     subtitle: String,
     showTitle: Boolean,
@@ -20,7 +21,12 @@ export default createComponent({
         var title = this.slots('title') || this.title || t('title');
         return h("div", {
           "class": bem('header-title')
-        }, [title]);
+        }, [h("span", {
+          "class": "hint-block",
+          "style": {
+            "background": this.color
+          }
+        }), title]);
       }
     },
     genSubtitle: function genSubtitle() {

package/es/calendar/components/Month.js

@@ -30,7 +30,7 @@ export default createComponent({
   },
   computed: {
     title: function title() {
-      return formatMonthTitle(this.date);
+      return this.getMonthTitle();
     },
     rowHeightWithUnit: function rowHeightWithUnit() {
       return addUnit(this.rowHeight);
@@ -96,6 +96,9 @@ export default createComponent({
 
       return this.height;
     },
+    getMonthTitle: function getMonthTitle() {
+      return formatMonthTitle(this.date);
+    },
     scrollIntoView: function scrollIntoView(body) {
       var _this$$refs = this.$refs,
           days = _this$$refs.days,
@@ -232,9 +235,10 @@ export default createComponent({
       var h = this.$createElement;
 
       if (this.showMonthTitle) {
+        var currentTitle = this.getMonthTitle();
         return h("div", {
           "class": bem('month-title')
-        }, [this.title]);
+        }, [currentTitle]);
       }
     },
     genMark: function genMark() {

package/es/calendar/index.css

@@ -1 +1 @@
-.zt-calendar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100%;background-color:#fff}.zt-calendar__popup.zt-popup--bottom,.zt-calendar__popup.zt-popup--top{height:80%}.zt-calendar__popup.zt-popup--left,.zt-calendar__popup.zt-popup--right{height:100%}.zt-calendar__popup .zt-popup__close-icon{top:11px}.zt-calendar__header{-webkit-flex-shrink:0;flex-shrink:0;box-shadow:0 4px 8px 0 rgba(0,0,0,.1);margin-bottom:8px}.zt-calendar__header-title{height:44px;font-weight:700;line-height:44px;text-align:left;padding-left:16px;position:relative}.zt-calendar__header-title::before{position:absolute;content:'';top:14px;left:0;width:4px;height:16px;background:#0091fa}.zt-calendar__header-title::after{top:44px;left:0;content:'';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-calendar__header-subtitle{height:44px;font-weight:400;line-height:44px;text-align:center}.zt-calendar__month-title{height:44px;font-weight:400;line-height:44px;text-align:center}.zt-calendar__header-title{font-size:16px}.zt-calendar__header-subtitle{font-size:14px}.zt-calendar__month-title{font-size:14px}.zt-calendar__weekdays{display:-webkit-box;display:-webkit-flex;display:flex;background-color:rgba(0,0,0,.02)}.zt-calendar__weekday{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:12px;line-height:30px;font-weight:700;text-align:center}.zt-calendar__body{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.zt-calendar__days{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.zt-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:rgba(242,243,245,.8);font-size:160px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.zt-calendar__day,.zt-calendar__selected-day{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;text-align:center}.zt-calendar__day{position:relative;width:14.285%;height:14.285vw;font-size:16px;font-weight:400;cursor:pointer;outline:0}.zt-calendar__day--end,.zt-calendar__day--multiple-middle,.zt-calendar__day--multiple-selected,.zt-calendar__day--start,.zt-calendar__day--start-end{font-weight:700;color:#fff;background-color:#0091fa;box-shadow:0 0 0 3px rgba(0,145,250,.1)}@media (pointer:coarse){.zt-calendar__day--end,.zt-calendar__day--multiple-middle{margin-left:-1px}}.zt-calendar__day--start{font-weight:700;border-radius:7.143vw 0 0 7.143vw;border-right:none;box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt-calendar__day--end{font-weight:700;border-radius:0 7.143vw 7.143vw 0;border-left:none;box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt-calendar__day--multiple-selected,.zt-calendar__day--start-end{font-weight:700;border-radius:7.143vw;box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt-calendar__day--middle{color:#000}.zt-calendar__day--middle::after{position:absolute;top:0;right:0;bottom:0;left:0;color:#0091fa;background-color:currentColor;opacity:.11;content:''}.zt-calendar__day--disabled{color:#c8c9cc;cursor:default}.zt-calendar__bottom-info,.zt-calendar__top-info{position:absolute;right:0;left:0;font-size:10px;line-height:14px}@media (max-width:350px){.zt-calendar__bottom-info,.zt-calendar__top-info{font-size:9px}}.zt-calendar__top-info{top:6px}.zt-calendar__bottom-info{display:none;bottom:6px}.zt-calendar__selected-day{font-weight:700;width:14.285vw;height:14.285vw;color:#fff;background-color:#0091fa;border-radius:calc(14.285vw / 2);box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt-calendar__footer{-webkit-flex-shrink:0;flex-shrink:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.zt-calendar__footer--unfit{padding-bottom:0}.zt-calendar__confirm{border-radius:0}
+.zt-calendar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100%;background-color:#fff}.zt-calendar__popup.zt-popup--bottom,.zt-calendar__popup.zt-popup--top{height:80%}.zt-calendar__popup.zt-popup--left,.zt-calendar__popup.zt-popup--right{height:100%}.zt-calendar__popup .zt-popup__close-icon{top:11px}.zt-calendar__header{-webkit-flex-shrink:0;flex-shrink:0;box-shadow:0 4px 8px 0 rgba(0,0,0,.1);margin-bottom:8px}.zt-calendar__header-title{height:44px;font-weight:700;line-height:44px;text-align:left;padding-left:16px;position:relative}.zt-calendar__header-title .hint-block{position:absolute;content:'';top:14px;left:0;width:4px;height:16px;background:#0091fa}.zt-calendar__header-title::after{top:44px;left:0;content:'';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-calendar__header-subtitle{height:44px;font-weight:400;line-height:44px;text-align:center}.zt-calendar__month-title{height:44px;font-weight:400;line-height:44px;text-align:center}.zt-calendar__header-title{font-size:16px}.zt-calendar__header-subtitle{font-size:14px}.zt-calendar__month-title{font-size:14px}.zt-calendar__weekdays{display:-webkit-box;display:-webkit-flex;display:flex;background-color:rgba(0,0,0,.02)}.zt-calendar__weekday{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:12px;line-height:30px;font-weight:700;text-align:center}.zt-calendar__body{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.zt-calendar__days{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.zt-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:rgba(242,243,245,.8);font-size:160px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.zt-calendar__day,.zt-calendar__selected-day{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;text-align:center}.zt-calendar__day{position:relative;width:14.285%;height:14.285vw;font-size:16px;font-weight:400;cursor:pointer;outline:0}.zt-calendar__day--end,.zt-calendar__day--multiple-middle,.zt-calendar__day--multiple-selected,.zt-calendar__day--start,.zt-calendar__day--start-end{font-weight:700;color:#fff;background-color:#0091fa;box-shadow:0 0 0 3px rgba(0,145,250,.1)}@media (pointer:coarse){.zt-calendar__day--end,.zt-calendar__day--multiple-middle{margin-left:-1px}}.zt-calendar__day--start{font-weight:700;border-radius:7.143vw 0 0 7.143vw;border-right:none;box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt-calendar__day--end{font-weight:700;border-radius:0 7.143vw 7.143vw 0;border-left:none;box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt-calendar__day--multiple-selected,.zt-calendar__day--start-end{font-weight:700;border-radius:7.143vw;box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt-calendar__day--middle{color:#000}.zt-calendar__day--middle::after{position:absolute;top:0;right:0;bottom:0;left:0;color:#0091fa;background-color:currentColor;opacity:.11;content:''}.zt-calendar__day--disabled{color:#c8c9cc;cursor:default}.zt-calendar__bottom-info,.zt-calendar__top-info{position:absolute;right:0;left:0;font-size:10px;line-height:14px}@media (max-width:350px){.zt-calendar__bottom-info,.zt-calendar__top-info{font-size:9px}}.zt-calendar__top-info{top:6px}.zt-calendar__bottom-info{display:none;bottom:6px}.zt-calendar__selected-day{font-weight:700;width:14.285vw;height:14.285vw;color:#fff;background-color:#0091fa;border-radius:calc(14.285vw / 2);box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt-calendar__footer{-webkit-flex-shrink:0;flex-shrink:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.zt-calendar__footer--unfit{padding-bottom:0}.zt-calendar__confirm{border-radius:0}

package/es/calendar/index.js

@@ -302,7 +302,7 @@ export default createComponent({
       /* istanbul ignore else */
 
       if (currentMonth) {
-        this.subtitle = currentMonth.title;
+        this.subtitle = currentMonth.getMonthTitle();
       }
     },
     onClickDay: function onClickDay(item) {
@@ -486,6 +486,7 @@ export default createComponent({
         "class": bem()
       }, [h(Header, {
         "attrs": {
+          "color": this.color,
           "title": this.title,
           "showTitle": this.showTitle,
           "subtitle": this.subtitle,

package/es/calendar/index.less

@@ -39,7 +39,7 @@
 
   }
 
-  &__header-title::before {
+  &__header-title .hint-block {
     position: absolute;
     content: '';
     top: 14px;

package/es/dialog/index.css

@@ -1 +1 @@
-.zt-dialog{position:fixed;top:45%;left:50%;width:327px;overflow:hidden;font-size:16px;background-color:#fff;border-radius:4px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}@media (max-width:328px){.zt-dialog{width:90%}}.zt-dialog__header{padding-top:24px;font-weight:700;line-height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;padding-left:16px;padding-right:16px}.zt-dialog__header--isolated{padding:24px 0}.zt-dialog__header--custom-title{height:44px;padding-left:0;padding-right:0;padding-top:0}.zt-dialog__content{text-align:center;word-break:break-all}.zt-dialog__content--isolated{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-height:100px}.zt-dialog__message{max-height:60vh;padding:24px 16px;overflow-y:auto;font-size:16px;line-height:20px;color:rgba(0,0,0,.6);display:inline-block;text-align:left;white-space:pre-wrap;word-wrap:break-word;-webkit-overflow-scrolling:touch}.zt-dialog__message--has-title{padding-top:8px;font-size:14px}.zt-dialog__message--left{text-align:left}.zt-dialog__message--right{text-align:right}.zt-dialog__footer{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.zt-dialog__footer .zt-hairline--left::after{top:calc(-50% + 20px);bottom:calc(-50% + 20px)}.zt-dialog__cancel,.zt-dialog__confirm{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px;margin:0;border:0}.zt-dialog__confirm,.zt-dialog__confirm:active{color:#0091fa}.zt-dialog__cancel{color:#000;font-weight:400}.zt-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.zt-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}
+.zt-dialog{position:fixed;top:45%;left:50%;width:327px;overflow:hidden;font-size:16px;background-color:#fff;border-radius:4px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}@media (max-width:328px){.zt-dialog{width:90%}}.zt-dialog__header{padding-top:24px;font-weight:700;line-height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;padding-left:16px;padding-right:16px}.zt-dialog__header--isolated{padding:24px 0}.zt-dialog__header--custom-title{height:44px;padding-left:0;padding-right:0;padding-top:0}.zt-dialog__content{text-align:center;word-break:break-all}.zt-dialog__content--isolated{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-height:100px}.zt-dialog__message{max-height:60vh;padding:24px 16px;overflow-y:auto;font-size:16px;line-height:20px;color:rgba(0,0,0,.6);display:inline-block;text-align:left;white-space:pre-wrap;word-wrap:break-word;-webkit-overflow-scrolling:touch}.zt-dialog__message--has-title{padding-top:8px;font-size:14px}.zt-dialog__message--left{text-align:left}.zt-dialog__message--right{text-align:right}.zt-dialog__footer{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.zt-dialog__footer .zt-hairline--left::after{top:calc(-50% + 20px);bottom:calc(-50% + 20px)}.zt-dialog__cancel.zt-button,.zt-dialog__confirm.zt-button{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px;margin:0;border:0}.zt-dialog__confirm.zt-button,.zt-dialog__confirm.zt-button:active{color:#0091fa}.zt-dialog__cancel{color:#000;font-weight:400}.zt-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.zt-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}

package/es/dialog/index.less

@@ -97,17 +97,20 @@
     }
   }
 
+  // 提高优先级避免被zt-button--default的样式覆盖了
   &__confirm,
   &__cancel {
-    flex: 1;
-    height: @dialog-button-height;
-    margin: 0;
-    border: 0;
+    &.zt-button {
+      flex: 1;
+      height: @dialog-button-height;
+      margin: 0;
+      border: 0;
+    }
   }
 
   &__confirm {
-    &,
-    &:active {
+    &.zt-button,
+    &.zt-button:active {
       color: @dialog-confirm-button-text-color;
     }
   }

package/es/image-preview/index.css

@@ -1 +1 @@
-.zt-image-preview{position:fixed;top:0;left:0;width:100%;height:100%}.zt-image-preview__swipe{height:100%}.zt-image-preview__swipe-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;overflow:hidden}.zt-image-preview__cover{position:absolute;top:0;left:0}.zt-image-preview__image{width:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.zt-image-preview__image--vertical{width:auto;height:100%}.zt-image-preview__image img{-webkit-user-drag:none}.zt-image-preview__image .zt-image__error{top:30%;height:40%}.zt-image-preview__image .zt-image__error-icon{font-size:36px}.zt-image-preview__image .zt-image__loading{background-color:transparent}.zt-image-preview__index{position:absolute;bottom:8px;left:40px;height:24px;line-height:24px;padding:4px 8px;border-radius:2px;background:rgba(0,0,0,.6);color:#fff;font-size:16px;text-shadow:0 1px 1px #323233;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index:10}.zt-image-preview__overlay{background-color:#000}.zt-image-preview__close-icon{position:absolute;z-index:1;color:#c8c9cc;font-size:22px;cursor:pointer}.zt-image-preview__close-icon:active{color:#969799}.zt-image-preview__close-icon--top-left{top:16px;left:16px}.zt-image-preview__close-icon--top-right{top:16px;right:16px}.zt-image-preview__close-icon--bottom-left{bottom:16px;left:16px}.zt-image-preview__close-icon--bottom-right{right:16px;bottom:16px}.zt-image-preview__title{position:absolute;bottom:0;height:48px;width:100%;padding-left:70px;left:0;line-height:48px;font-size:18px;color:#fff;background:rgba(0,0,0,.4);z-index:9}
+.zt-image-preview{position:fixed;top:0;left:0;width:100%;height:100%}.zt-image-preview__swipe{height:100%}.zt-image-preview__swipe-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;overflow:hidden}.zt-image-preview__cover{position:absolute;top:0;left:0}.zt-image-preview__image{width:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.zt-image-preview__image--vertical{width:auto;height:100%}.zt-image-preview__image img{-webkit-user-drag:none}.zt-image-preview__image .zt-image__error{top:30%;height:40%}.zt-image-preview__image .zt-image__error-icon{font-size:36px}.zt-image-preview__image .zt-image__loading{background-color:transparent}.zt-image-preview__index{position:absolute;bottom:8px;left:40px;height:24px;line-height:24px;padding:4px 8px;border-radius:2px;background:rgba(0,0,0,.6);color:#fff;font-size:16px;text-shadow:0 1px 1px #323233;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index:10}.zt-image-preview__overlay.zt-overlay{background-color:#000}.zt-image-preview__close-icon{position:absolute;z-index:1;color:#c8c9cc;font-size:22px;cursor:pointer}.zt-image-preview__close-icon:active{color:#969799}.zt-image-preview__close-icon--top-left{top:16px;left:16px}.zt-image-preview__close-icon--top-right{top:16px;right:16px}.zt-image-preview__close-icon--bottom-left{bottom:16px;left:16px}.zt-image-preview__close-icon--bottom-right{right:16px;bottom:16px}.zt-image-preview__title{position:absolute;bottom:0;height:48px;width:100%;padding-left:70px;left:0;line-height:48px;font-size:18px;color:#fff;background:rgba(0,0,0,.4);z-index:9}

package/es/image-preview/index.less

@@ -70,7 +70,7 @@
     z-index: @image-preview-index-z-index;
   }
 
-  &__overlay {
+  &__overlay.zt-overlay {
     background-color: @black;
   }
 

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 = '0.1.102';
+var version = '0.1.105';
 
 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/timeline/index.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import { createNamespace } from '../utils';
 
 var _createNamespace = createNamespace('timeline'),
@@ -8,7 +9,8 @@ import Switch from "../switch";
 
 var defaultData = function defaultData() {
   return {
-    isFold: false
+    isFold: false,
+    computedProcesses: []
   };
 };
 
@@ -37,6 +39,10 @@ export default createComponent({
     opinionKey: {
       type: String,
       default: "处理意见"
+    },
+    enableSingleFold: {
+      type: Boolean,
+      default: true
     }
   },
   data: function data() {
@@ -46,20 +52,24 @@ export default createComponent({
   watch: {},
   mounted: function mounted() {
     this.isFold = this.defaultFold;
-    console.log("this.$slots", this.$slots);
+    this.computedProcesses = this.processes.map(function (v) {
+      return _extends({}, v, {
+        folded: false
+      });
+    });
   },
   methods: {
     genProcesses: function genProcesses() {
       var _this = this;
 
       if (this.isFold) {
-        var showProcesses = this.processes.slice(0, this.collapseCount);
+        var showProcesses = this.computedProcesses.slice(0, this.collapseCount);
         return showProcesses.map(function (item, index) {
           return _this.genProcessItem(item, index === showProcesses.length - 1);
         });
       } else {
-        return this.processes.map(function (item, index) {
-          return _this.genProcessItem(item, index === _this.processes.length - 1);
+        return this.computedProcesses.map(function (item, index) {
+          return _this.genProcessItem(item, index === _this.computedProcesses.length - 1);
         });
       }
     },
@@ -141,15 +151,28 @@ export default createComponent({
       var titleSlot = this.slots("title", item);
       var contentSlot = this.slots("content", item);
       var opinionSlot = this.slots("opinion", item);
+      var that = this;
+
+      function itemClicked() {
+        if (!that.enableSingleFold) {
+          return;
+        }
+
+        item.folded = !item.folded;
+      }
+
       return h("div", {
-        "class": bem("item") + (" " + (isLast ? "last-item" : ""))
+        "class": bem("item") + (" " + (isLast ? "last-item" : "")),
+        "on": {
+          "click": itemClicked
+        }
       }, [h("div", {
         "class": bem("left-container")
       }, [this.genAvatar(item, avatarSlot), h("div", {
         "class": bem("line")
       })]), h("div", {
         "class": bem("right-container")
-      }, [this.genTitle(item, titleSlot), h("div", {
+      }, [this.genTitle(item, titleSlot), item.folded ? h() : h("div", {
         "class": bem("main-container") + " half-border"
       }, [this.genContent(item, contentSlot), this.genOpinion(item, opinionSlot)])])]);
     }
@@ -178,7 +201,7 @@ export default createComponent({
           _this2.isFold = $$v;
         }
       }
-    })])]), this.processes.length ? h("div", {
+    })])]), this.computedProcesses.length ? h("div", {
       "class": bem("container")
     }, [this.genProcesses()]) : h()]);
   }