zartui 0.1.103 → 0.1.106

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/field/ClearIcon.js

@@ -1,4 +1,10 @@
 export default {
+  props: {
+    color: {
+      type: String,
+      default: 'rgba(0,0,0,0.4)'
+    }
+  },
   render: function render() {
     var h = arguments[0];
     return h("svg", {
@@ -9,8 +15,7 @@ export default {
     }, [h("path", {
       "attrs": {
         "d": "M10,2 C14.418278,2 18,5.581722 18,10 C18,14.418278 14.418278,18 10,18 C5.581722,18 2,14.418278 2,10 C2,5.581722 5.581722,2 10,2 Z M6.46446609,6.46446609 C6.0739418,6.85499039 6.0739418,7.48815536 6.46446609,7.87867966 L8.586,10 L6.46446609,12.1213203 C6.10398213,12.4818043 6.0762526,13.0490354 6.38127749,13.4413266 L6.46446609,13.5355339 C6.85499039,13.9260582 7.48815536,13.9260582 7.87867966,13.5355339 L7.87867966,13.5355339 L10,11.414 L12.1213203,13.5355339 C12.5118446,13.9260582 13.1450096,13.9260582 13.5355339,13.5355339 C13.9260582,13.1450096 13.9260582,12.5118446 13.5355339,12.1213203 L11.414,10 L13.5355339,7.87867966 C13.8960179,7.51819569 13.9237474,6.95096464 13.6187225,6.55867343 L13.5355339,6.46446609 C13.1450096,6.0739418 12.5118446,6.0739418 12.1213203,6.46446609 L12.1213203,6.46446609 L10,8.586 L7.87867966,6.46446609 C7.48815536,6.0739418 6.85499039,6.0739418 6.46446609,6.46446609 Z",
-        "fill": "#000",
-        "opacity": ".4",
+        "fill": this.color,
         "fill-rule": "evenodd"
       }
     })]);

package/es/field/index.js

@@ -56,6 +56,8 @@ export default createComponent({
     errorMessage: String,
     errorMessageAlign: String,
     showWordLimit: Boolean,
+    inputColor: String,
+    iconColor: String,
     value: {
       type: [Number, String],
       default: ''
@@ -430,6 +432,7 @@ export default createComponent({
       var readonly = this.getProp('readonly');
       var inputSlot = this.slots('input');
       var inputAlign = this.getProp('inputAlign');
+      var inputColor = this.getProp('inputColor');
 
       if (inputSlot) {
         return h("div", {
@@ -457,7 +460,10 @@ export default createComponent({
         directives: [{
           name: 'model',
           value: this.value
-        }]
+        }],
+        style: {
+          color: inputColor
+        }
       };
 
       if (type === 'textarea') {
@@ -662,7 +668,10 @@ export default createComponent({
         "click": this.onClear
       }
     }, [h(ClearIcon, {
-      "class": bem('zt-clear-size')
+      "class": bem('zt-clear-size'),
+      "attrs": {
+        "color": this.iconColor
+      }
     })]), this.type === 'password' && h("div", {
       "on": {
         "click": this.togglePwdVisible
@@ -670,11 +679,13 @@ export default createComponent({
       "style": "width:20px;height:20px;margin-left:12px;display:flex;justify-content:center;align-items:center;color:rgba(0,0,0,.4);"
     }, [this.showPassword ? h(Icon, {
       "attrs": {
-        "name": "eye-open"
+        "name": "eye-open",
+        "color": this.iconColor
       }
     }) : h(Icon, {
       "attrs": {
-        "name": "eye-closed"
+        "name": "eye-closed",
+        "color": this.iconColor
       }
     })]), this.genRightIcon(), slots('button') && h("div", {
       "class": bem('button')

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.103';
+var version = '0.1.106';
 
 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/mixins/checkbox.js

@@ -17,6 +17,7 @@ export var CheckboxMixin = function CheckboxMixin(_ref) {
       disabled: Boolean,
       iconSize: [Number, String],
       checkedColor: String,
+      iconColor: String,
       labelPosition: String,
       labelDisabled: Boolean,
       shape: {
@@ -40,9 +41,11 @@ export var CheckboxMixin = function CheckboxMixin(_ref) {
       },
       iconStyle: function iconStyle() {
         var checkedColor = this.checkedColor || this.parent && this.parent.checkedColor;
+        var iconColor = this.iconColor || this.parent && this.parent.iconColor;
 
         if (checkedColor && this.checked && !this.isDisabled) {
           return {
+            color: iconColor,
             borderColor: checkedColor,
             backgroundColor: checkedColor
           };

package/es/pdf-viewer/index.js

@@ -46,31 +46,16 @@ export default createComponent({
     return defaultData();
   },
   mounted: function mounted() {
-    this.reset();
-    this.getPdfNumPages();
+    this.init();
   },
   activated: function activated() {
-    this.privateUrl = this.url;
-    this.recordMeta();
-    this.recordHeight();
-    this.recordScrollEvent();
-    this.setHeight();
-    this.setMeta();
-    this.setScrollEvent();
+    this.init();
   },
   deactivated: function deactivated() {
-    this.setHeight(true);
-    this.setMeta(true);
-    this.setScrollEvent(true);
-    this.reset();
-    this.privateUrl = "";
+    this.resetAll();
   },
   destroyed: function destroyed() {
-    this.setHeight(true);
-    this.setMeta(true);
-    this.setScrollEvent(true);
-    this.reset();
-    this.privateUrl = "";
+    this.resetAll();
   },
   computed: {
     // 只显示当前页前后几页的pdf
@@ -95,24 +80,22 @@ export default createComponent({
     url: function url(nv) {
       this.privateUrl = nv;
     },
-    privateUrl: function privateUrl() {
-      this.getPdfNumPages();
+    privateUrl: function privateUrl(nv) {
+      if (nv) {
+        this.getPdfNumPages();
+      }
     },
     pageNum: function pageNum(nv) {
-      var _this = this;
-
       if (this.pageChangeByButton && document.getElementById("pdfContent" + nv)) {
-        this.loading = true;
-        setTimeout(function () {
-          _this.loading = false;
+        this.$nextTick(function () {
           document.getElementById("pdfContent" + nv).scrollIntoView(false);
-        }, 1000);
+        });
       }
     },
     currentShowArr: {
       deep: true,
       handler: function handler(value, oldValue) {
-        var _this2 = this;
+        var _this = this;
 
         // 因为浏览器对canvas总面积有限制,且销毁vue-pdf组件会同时销毁loadingTask,
         // 所以要销毁的canvas转为图片进行展示
@@ -123,24 +106,39 @@ export default createComponent({
           }
         });
         toDelete.forEach(function (v) {
-          _this2.transformCanvasIntoImg(v);
+          _this.transformCanvasIntoImg(v);
         });
       }
     }
   },
   methods: {
+    init: function init() {
+      this.privateUrl = this.url;
+      this.recordMeta();
+      this.recordHeight();
+      this.recordScrollEvent();
+      this.setHeight();
+      this.setMeta();
+      this.setScrollEvent();
+    },
+    resetAll: function resetAll() {
+      this.setHeight(true);
+      this.setMeta(true);
+      this.setScrollEvent(true);
+      this.reset();
+    },
     recordScrollEvent: function recordScrollEvent() {
       this.scrollEvent = window.onscroll;
     },
     setScrollEvent: function setScrollEvent(restore) {
-      var _this3 = this;
+      var _this2 = this;
 
       if (restore) {
         window.onscroll = this.scrollEvent;
       } else {
         if (this.pdfScrollEvent) {
           window.onscroll = function () {
-            _this3.pdfScrollEvent();
+            _this2.pdfScrollEvent();
           };
         }
       }
@@ -151,7 +149,7 @@ export default createComponent({
       this.metaContent = (_document$getElements = document.getElementsByTagName('meta')['viewport']) == null ? void 0 : _document$getElements.getAttribute("content");
     },
     transformCanvasIntoImg: function transformCanvasIntoImg(i) {
-      var _this4 = this;
+      var _this3 = this;
 
       var pdfContainer = document.getElementById("pdfContent" + i);
 
@@ -169,7 +167,7 @@ export default createComponent({
         return v === 255;
       })) {
         setTimeout(function () {
-          _this4.transformCanvasIntoImg(i);
+          _this3.transformCanvasIntoImg(i);
         }, 1000);
         return;
       }
@@ -207,7 +205,7 @@ export default createComponent({
       resetObject(this, defaultData());
     },
     getPdfNumPages: function getPdfNumPages() {
-      var _this5 = this;
+      var _this4 = this;
 
       if (!this.privateUrl) {
         return;
@@ -216,33 +214,33 @@ export default createComponent({
       this.loading = true;
       this.loadingTask = pdf.createLoadingTask(this.privateUrl);
       this.loadingTask.promise.then(function (v) {
-        _this5.pdfPageCount = v.numPages;
+        _this4.pdfPageCount = v.numPages;
         var pdfArr = [];
 
-        for (var i = 0; i < _this5.pdfPageCount; i++) {
+        for (var i = 0; i < _this4.pdfPageCount; i++) {
           pdfArr.push({
             loaded: false
           });
         }
 
-        _this5.pageNum = 1;
-        _this5.pdfArr = pdfArr;
+        _this4.pageNum = 1;
+        _this4.pdfArr = pdfArr;
 
-        _this5.buildPdfScrollEvent();
+        _this4.buildPdfScrollEvent();
       }).catch(function (err) {
         console.error("pdf 加载失败", err);
       }).finally(function () {
-        _this5.loading = false;
+        _this4.loading = false;
       });
     },
     buildPdfScrollEvent: function buildPdfScrollEvent() {
-      var _this6 = this;
+      var _this5 = this;
 
       this.pdfScrollEvent = window.onscroll = _.throttle(function () {
-        if (_this6.pageChangeByButton) {
-          _this6.pageChangeByButton = false;
+        if (_this5.pageChangeByButton) {
+          _this5.pageChangeByButton = false;
         } else {
-          _this6.changePage();
+          _this5.changePage();
         }
       }, 1000);
     },
@@ -356,7 +354,7 @@ export default createComponent({
     }
   },
   render: function render(h) {
-    var _this7 = this;
+    var _this6 = this;
 
     return h("div", {
       "class": bem()
@@ -429,7 +427,7 @@ export default createComponent({
         "id": "pdfContainer"
       }
     }, [this.pdfArr.map(function (x, i) {
-      return _this7.genPdf(i + 1);
+      return _this6.genPdf(i + 1);
     })]) : h(), h(Picker, {
       "attrs": {
         "show-picker": this.showPicker,

package/es/telemetry/index.js

@@ -29,8 +29,7 @@ export var Telemetry = /*#__PURE__*/function () {
 
     if (this.send) {
       this.send(event);
-    } else {
-      console.debug(JSON.stringify(event));
+    } else {// console.debug(JSON.stringify(event))
     }
   };
 

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()]);
   }