zartui 0.1.104 → 0.1.107

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/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:4px;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}.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:4px;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}

package/es/cell/index.less

@@ -45,6 +45,8 @@
 
   &__placeholder {
     color: @field-placeholder-text-color;
+    flex: 1;
+    text-align: right;
   }
 
   &__value {

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/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.104';
+var version = '0.1.107';
 
 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/lib/calendar/components/Header.js

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

package/lib/calendar/components/Month.js

@@ -38,7 +38,7 @@ var _default = createComponent({
   },
   computed: {
     title: function title() {
-      return (0, _utils2.formatMonthTitle)(this.date);
+      return this.getMonthTitle();
     },
     rowHeightWithUnit: function rowHeightWithUnit() {
       return (0, _utils.addUnit)(this.rowHeight);
@@ -104,6 +104,9 @@ var _default = createComponent({
 
       return this.height;
     },
+    getMonthTitle: function getMonthTitle() {
+      return (0, _utils2.formatMonthTitle)(this.date);
+    },
     scrollIntoView: function scrollIntoView(body) {
       var _this$$refs = this.$refs,
           days = _this$$refs.days,
@@ -240,9 +243,10 @@ var _default = createComponent({
       var h = this.$createElement;
 
       if (this.showMonthTitle) {
+        var currentTitle = this.getMonthTitle();
         return h("div", {
           "class": (0, _utils2.bem)('month-title')
-        }, [this.title]);
+        }, [currentTitle]);
       }
     },
     genMark: function genMark() {

package/lib/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/lib/calendar/index.js

@@ -318,7 +318,7 @@ var _default2 = (0, _utils.createComponent)({
       /* istanbul ignore else */
 
       if (currentMonth) {
-        this.subtitle = currentMonth.title;
+        this.subtitle = currentMonth.getMonthTitle();
       }
     },
     onClickDay: function onClickDay(item) {
@@ -502,6 +502,7 @@ var _default2 = (0, _utils.createComponent)({
         "class": (0, _utils.bem)()
       }, [h(_Header.default, {
         "attrs": {
+          "color": this.color,
           "title": this.title,
           "showTitle": this.showTitle,
           "subtitle": this.subtitle,

package/lib/calendar/index.less

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

package/lib/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:4px;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}.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:4px;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}

package/lib/cell/index.less

@@ -45,6 +45,8 @@
 
   &__placeholder {
     color: @field-placeholder-text-color;
+    flex: 1;
+    text-align: right;
   }
 
   &__value {

package/lib/field/ClearIcon.js

@@ -3,6 +3,12 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _default = {
+  props: {
+    color: {
+      type: String,
+      default: 'rgba(0,0,0,0.4)'
+    }
+  },
   render: function render() {
     var h = arguments[0];
     return h("svg", {
@@ -13,8 +19,7 @@ var _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/lib/field/index.js

@@ -72,6 +72,8 @@ var _default = createComponent({
     errorMessage: String,
     errorMessageAlign: String,
     showWordLimit: Boolean,
+    inputColor: String,
+    iconColor: String,
     value: {
       type: [Number, String],
       default: ''
@@ -446,6 +448,7 @@ var _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", {
@@ -473,7 +476,10 @@ var _default = createComponent({
         directives: [{
           name: 'model',
           value: this.value
-        }]
+        }],
+        style: {
+          color: inputColor
+        }
       };
 
       if (type === 'textarea') {
@@ -678,7 +684,10 @@ var _default = createComponent({
         "click": this.onClear
       }
     }, [h(_ClearIcon.default, {
-      "class": bem('zt-clear-size')
+      "class": bem('zt-clear-size'),
+      "attrs": {
+        "color": this.iconColor
+      }
     })]), this.type === 'password' && h("div", {
       "on": {
         "click": this.togglePwdVisible
@@ -686,11 +695,13 @@ var _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.default, {
       "attrs": {
-        "name": "eye-open"
+        "name": "eye-open",
+        "color": this.iconColor
       }
     }) : h(_icon.default, {
       "attrs": {
-        "name": "eye-closed"
+        "name": "eye-closed",
+        "color": this.iconColor
       }
     })]), this.genRightIcon(), slots('button') && h("div", {
       "class": bem('button')