zartui 2.0.7 → 2.0.9

package/es/dialog/Dialog.js

@@ -102,7 +102,11 @@ export default createComponent({
       var _this2 = this;
 
       var h = this.$createElement;
-      var multiple = this.showCancelButton && this.showConfirmButton;
+
+      if (!this.showCancelButton && !this.showConfirmButton) {
+        return "";
+      }
+
       return h("div", {
         "class": bem('footer')
       }, [this.showCancelButton && h(Button, {
@@ -206,7 +210,9 @@ export default createComponent({
         "role": "dialog",
         "aria-labelledby": this.title || message
       },
-      "class": [bem([this.theme]), this.className],
+      "class": [bem([this.theme]), this.className, {
+        "has-button": this.showCancelButton || this.showConfirmButton
+      }],
       "style": {
         width: addUnit(this.width)
       }

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:12px;-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{overflow:hidden;-webkit-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:44px;padding:0 32px 24px 32px;position:relative;box-sizing:content-box}.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:12px;-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.has-button .zt-dialog__message{padding-bottom:0}.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{overflow:hidden;-webkit-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:44px;padding:24px 32px;position:relative;box-sizing:content-box}.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

@@ -54,6 +54,12 @@
     }
   }
 
+  &.has-button {
+    .zt-dialog__message {
+        padding-bottom: 0;
+    }
+  }
+
   &__message {
     // flex: 1;
     max-height: @dialog-message-max-height;

package/es/index.js

@@ -45,6 +45,7 @@ import NumberKeyboard from './number-keyboard';
 import Overlay from './overlay';
 import PasswordInput from './password-input';
 import PdfViewer from './pdf-viewer';
+import PdfViewerV2 from './pdf-viewer-v2';
 import Picker from './picker';
 import Popover from './popover';
 import Popup from './popup';
@@ -75,10 +76,10 @@ import Tag from './tag';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '2.0.7';
+var version = '2.0.9';
 
 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];
+  var components = [ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, Grid, GridItem, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MediaPicker, MediaPlayer, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, PdfViewerV2, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Timeline, Toast, Uploader];
   components.forEach(function (item) {
     if (item.install) {
       Vue.use(item);
@@ -92,7 +93,7 @@ if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue);
 }
 
-export { install, version, 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 };
+export { install, version, ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, Grid, GridItem, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MediaPicker, MediaPlayer, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, PdfViewerV2, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Timeline, Toast, Uploader };
 export default {
   install: install,
   version: version

package/es/pdf-viewer-v2/index.css

@@ -0,0 +1 @@
+.zt-pdf-viewer-v2{width:100%;height:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.zt-pdf-viewer-v2__inner-container{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:scroll}.zt-pdf-viewer-v2::-webkit-scrollbar{width:0;height:0}.zt-pdf-viewer-v2__page-box{width:100%;height:44px;background-color:#fff;text-align:center;font-size:16px;line-height:44px}.zt-pdf-viewer-v2__page-box .zt-pdf-viewer-v2__next,.zt-pdf-viewer-v2__page-box .zt-pdf-viewer-v2__pre{cursor:pointer;color:#3a90f6}.zt-pdf-viewer-v2__page-box .zt-pdf-viewer-v2__page{margin:0 10px}.zt-pdf-viewer-v2 .zt-loading{position:absolute;top:50%;left:50%;margin-left:-18px;margin-top:-18px}

package/es/pdf-viewer-v2/index.js

@@ -0,0 +1,333 @@
+import { createNamespace } from '../utils';
+
+var _createNamespace = createNamespace('pdf-viewer-v2'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1];
+
+import Toast from '../toast';
+import Loading from '../loading';
+import Picker from '../picker';
+import { resetObject } from "../utils/index";
+
+var _ = require('lodash');
+
+var defaultData = function defaultData() {
+  return {
+    pdfDocRef: null,
+    totalPage: 0,
+    currentPage: 1,
+    loading: false,
+    PDFJS: null,
+    pageChangeByButton: false,
+    showPicker: false
+  };
+};
+
+export default createComponent({
+  props: {
+    /**
+    * pdf地址
+    */
+    pdfUrl: {
+      type: String,
+      default: ""
+    },
+
+    /**
+    * cMap的url地址(用于解决中文乱码或中文显示为空白的问题). 该资源的物理路径在: node_modules/pdfjs-dist/cmaps
+    */
+    cMapUrl: {
+      type: String,
+      default: ""
+    },
+
+    /**
+    * 携带的特定http请求头
+    */
+    httpHeaders: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return defaultData();
+  },
+  mounted: function mounted() {
+    this.reset();
+    this.renderPdf();
+  },
+  deactivated: function deactivated() {
+    this.pdfDocRef.destroy();
+  },
+  computed: {
+    urlObj: function urlObj() {
+      return {
+        pdfUrl: this.pdfUrl,
+        cMapUrl: this.cMapUrl
+      };
+    }
+  },
+  watch: {
+    urlObj: function urlObj() {
+      this.reset();
+      this.renderPdf();
+    }
+  },
+  methods: {
+    reset: function reset() {
+      resetObject(this, defaultData());
+    },
+
+    /**
+    * 渲染pdf文件的指定页到画板
+    * @param pdfViewerDom 承载pdf画板的dom容器
+    * @param pdfDoc pdf文件
+    * @param pageNum 需要渲染的页码
+    */
+    renderPdfOnePage: function renderPdfOnePage(pdfViewerDom, pdfDoc, pageNum) {
+      var _this = this;
+
+      // 创建画布
+      var canvas = document.createElement("canvas");
+      canvas.id = "pdfCanvas" + pageNum;
+      pdfViewerDom.appendChild(canvas); // 获取2d上下文
+
+      var context = canvas.getContext("2d");
+      pdfDoc.getPage(pageNum).then(function (page) {
+        // 获取当前pdf页内容, 并设置缩放
+        var viewport = page.getViewport({
+          scale: 1
+        });
+        var width = viewport.width;
+
+        _this.$nextTick(function () {
+          var containerWidth = _this.$refs.pdfContainer.offsetWidth;
+          var ratio = containerWidth / width;
+          viewport = page.getViewport({
+            scale: ratio
+          }); // @ts-ignore
+
+          var realCanvas = context.canvas;
+          realCanvas.width = viewport.width;
+          realCanvas.height = viewport.height; // 将pdf当前页内容画到2d画板中
+          // @ts-ignore
+
+          page.render({
+            canvasContext: context,
+            viewport: viewport
+          });
+        });
+      });
+    },
+
+    /**
+    * 渲染pdf的画布
+    * @param pdfViewerDom 承载pdf画布的dom容器
+    * @param pdfDoc pdf文档
+    */
+    renderPdfCanvas: function renderPdfCanvas(pdfViewerDom, pdfDoc) {
+      var _this2 = this;
+
+      // 清除原来的pdf画布
+      pdfViewerDom.innerHTML = ""; // 获取总页数
+
+      this.totalPage = pdfDoc.numPages;
+      this.loading = false; // 获取显示容器
+
+      for (var i = 1; i <= this.totalPage; i++) {
+        // 循环处理pdf的每页
+        this.renderPdfOnePage(pdfViewerDom, pdfDoc, i);
+      }
+
+      this.$nextTick(function () {
+        _this2.bindScrollEvent();
+      });
+    },
+    bindScrollEvent: function bindScrollEvent() {
+      var _this3 = this;
+
+      var element = document.getElementById("pdfContainer");
+
+      var scrollEvent = _.throttle(function () {
+        if (_this3.pageChangeByButton) {
+          _this3.pageChangeByButton = false;
+          return;
+        }
+
+        if (element.scrollTop === 0) {
+          _this3.currentPage = 1;
+          return;
+        }
+
+        var i = 1,
+            count = _this3.totalPage;
+        var offsetHeight = element.offsetHeight;
+
+        do {
+          var start = _this3.findPos(document.getElementById("pdfCanvas" + i));
+
+          var end = start + document.getElementById("pdfCanvas" + i).offsetHeight;
+
+          if (element.scrollTop + offsetHeight >= start && element.scrollTop + offsetHeight <= end) {
+            _this3.currentPage = i;
+            break;
+          }
+
+          if (i === count && element.scrollTop + offsetHeight > end) {
+            _this3.currentPage = i;
+            break;
+          }
+
+          i++;
+        } while (i < count + 1);
+      }, 500);
+
+      element.addEventListener("scroll", function () {
+        scrollEvent();
+      });
+    },
+    findPos: function findPos(obj) {
+      if (obj) {
+        return obj.offsetTop;
+      } else {
+        return 0;
+      }
+    },
+    renderPdf: function renderPdf() {
+      var _this4 = this;
+
+      if (!this.PDFJS) {
+        this.PDFJS = window['pdfjs-dist/build/pdf'] || window.pdfjsLib;
+
+        if (this.PDFJS && this.PDFJS.GlobalWorkerOptions) {
+          this.PDFJS.GlobalWorkerOptions.workerSrc = require("pdfjs-dist/build/pdf.worker.entry");
+        }
+      }
+
+      this.loading = true;
+      var pdfViewerDom = this.$refs.pdfViewerContainer;
+
+      if (this.pdfUrl) {
+        // 获取pdf文件
+        var pdfLoadingTask = this.PDFJS.getDocument({
+          url: this.pdfUrl,
+          withCredentials: true,
+          // 携带凭证
+          httpHeaders: this.httpHeaders,
+          cMapUrl: this.cMapUrl,
+          cMapPacked: true
+        });
+        pdfLoadingTask.promise.then(function (pdfDoc) {
+          if (pdfDoc && pdfViewerDom) {
+            // 缓存pdf内容
+            _this4.pdfDocRef = pdfDoc;
+
+            _this4.renderPdfCanvas(pdfViewerDom, pdfDoc);
+          }
+        });
+      }
+    },
+    changePage: function changePage(page) {
+      if (page < 1) {
+        Toast("已经是首页");
+        return;
+      }
+
+      if (page > this.totalPage) {
+        Toast("已经是最后一页");
+        return;
+      }
+
+      this.pageChangeByButton = true;
+
+      if (document.getElementById("pdfCanvas" + page)) {
+        document.getElementById("pdfCanvas" + page).scrollIntoView({
+          block: "end",
+          inline: "nearest"
+        });
+      }
+
+      this.currentPage = page;
+    },
+    clickPre: function clickPre() {
+      this.changePage(this.currentPage - 1);
+    },
+    clickNext: function clickNext() {
+      this.changePage(this.currentPage + 1);
+    },
+    showPagePicker: function showPagePicker() {
+      this.showPicker = true;
+    },
+    setPage: function setPage(i) {
+      this.changePage(i);
+      this.showPicker = false;
+    },
+    cancel: function cancel() {
+      this.showPicker = false;
+    },
+    getPageList: function getPageList() {
+      var total = this.totalPage;
+      var arr = [];
+
+      for (var i = 1; i <= total; i++) {
+        arr.push(i);
+      }
+
+      return arr;
+    }
+  },
+  render: function render(h) {
+    return h("div", {
+      "class": bem(),
+      "ref": "pdfContainer"
+    }, [h("div", {
+      "class": bem("inner-container"),
+      "attrs": {
+        "id": "pdfContainer"
+      }
+    }, [h(Loading, {
+      "directives": [{
+        name: "show",
+        value: this.loading
+      }],
+      "class": bem('loading-icon')
+    }), h("div", {
+      "directives": [{
+        name: "show",
+        value: !this.loading
+      }],
+      "ref": "pdfViewerContainer",
+      "class": bem("container")
+    })]), this.totalPage ? h("div", {
+      "class": bem("page-box")
+    }, [h("span", {
+      "class": bem("pre"),
+      "on": {
+        "click": this.clickPre
+      }
+    }, ["<"]), h("span", {
+      "class": bem("page"),
+      "on": {
+        "click": this.showPagePicker
+      }
+    }, [this.currentPage, " / ", this.totalPage]), h("span", {
+      "class": bem("next"),
+      "on": {
+        "click": this.clickNext
+      }
+    }, [">"])]) : h(), h(Picker, {
+      "attrs": {
+        "show-picker": this.showPicker,
+        "default-index": this.currentPage - 1,
+        "title": "页码",
+        "columns": this.getPageList()
+      },
+      "on": {
+        "cancel": this.cancel,
+        "confirm": this.setPage
+      }
+    })]);
+  }
+});

package/es/pdf-viewer-v2/index.less

@@ -0,0 +1,44 @@
+@import '../style/var';
+.zt-pdf-viewer-v2 {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+
+    &__inner-container {
+        flex: 1;
+        overflow: scroll;
+    }
+
+    &::-webkit-scrollbar {
+        width: 0;
+        height: 0;
+    }
+
+    &__page-box {
+        width: 100%;
+        height: 44px;
+        background-color: #fff;
+        text-align: center;
+        font-size: 16px;
+        line-height: 44px;
+
+        .zt-pdf-viewer-v2__pre, .zt-pdf-viewer-v2__next {
+            cursor: pointer;
+            color: #3a90f6;
+        }
+
+        .zt-pdf-viewer-v2__page {
+            margin: 0 10px;
+        }
+    }
+
+    .zt-loading {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        margin-left: -18px;
+        margin-top: -18px;
+    }
+}

package/es/pdf-viewer-v2/style/index.js

@@ -0,0 +1,10 @@
+import '../../style/base.css';
+import '../../overlay/index.css';
+import '../../info/index.css';
+import '../../icon/index.css';
+import '../../popup/index.css';
+import '../../loading/index.css';
+import '../../toast/index.css';
+import '../../button/index.css';
+import '../../picker/index.css';
+import '../index.css';

package/es/pdf-viewer-v2/style/less.js

@@ -0,0 +1,10 @@
+import '../../style/base.less';
+import '../../overlay/index.less';
+import '../../info/index.less';
+import '../../icon/index.less';
+import '../../popup/index.less';
+import '../../loading/index.less';
+import '../../toast/index.less';
+import '../../button/index.less';
+import '../../picker/index.less';
+import '../index.less';

package/es/rate/index.css

@@ -1 +1 @@
-.zt-rate{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer;-webkit-user-select:none;user-select:none}.zt-rate__item{position:relative}.zt-rate__item:not(:last-child){padding-right:4px}.zt-rate__icon{display:block;width:1em;color:rgba(0,0,0,.2);font-size:20px}.zt-rate__icon--half{position:absolute;top:0;left:0;width:.5em;overflow:hidden}.zt-rate__icon--full{color:#ffcd23}.zt-rate__icon--disabled{color:#c8c9cc}.zt-rate--disabled{cursor:not-allowed}.zt-rate--readonly{cursor:default}
+.zt-rate{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer;-webkit-user-select:none;user-select:none}.zt-rate .zt-rate__item{position:relative}.zt-rate .zt-rate__item .zt-rate__item:not(:last-child){padding-right:4px}.zt-rate .zt-rate__item .zt-rate__icon{display:block;width:1em;color:rgba(45,75,115,.2);font-size:24px}.zt-rate .zt-rate__item .zt-rate__icon--half{position:absolute;top:0;left:0;width:.5em;overflow:hidden}.zt-rate .zt-rate__item .zt-rate__icon--full{color:#ffcd23}.zt-rate .zt-rate__item .zt-rate__icon--disabled{color:#c8c9cc}.zt-rate .zt-rate--disabled{cursor:not-allowed}.zt-rate .zt-rate--readonly{cursor:default}

package/es/rate/index.js

@@ -188,6 +188,10 @@ export default createComponent({
           }
         }
       }), this.allowHalf && h(Icon, {
+        "directives": [{
+          name: "show",
+          value: !isVoid
+        }],
         "attrs": {
           "size": this.sizeWithUnit,
           "name": isVoid ? voidIcon : icon,

package/es/rate/index.less

@@ -6,42 +6,42 @@
   cursor: pointer;
   user-select: none;
 
-  &__item {
+  .zt-rate__item {
     position: relative;
 
-    &:not(:last-child) {
+    .zt-rate__item:not(:last-child) {
       padding-right: @rate-icon-gutter;
     }
-  }
-
-  &__icon {
-    display: block;
-    width: 1em;
-    color: @rate-icon-void-color;
-    font-size: @rate-icon-size;
-
-    &--half {
+    .zt-rate__icon {
+        display: block;
+        width: 1em;
+        color: @rate-icon-void-color;
+        font-size: @rate-icon-size;
+        
+    }
+    .zt-rate__icon--half {
       position: absolute;
       top: 0;
       left: 0;
       width: 0.5em;
       overflow: hidden;
     }
-
-    &--full {
+    
+    .zt-rate__icon--full {
       color: @rate-icon-full-color;
     }
-
-    &--disabled {
+    
+    .zt-rate__icon--disabled {
       color: @rate-icon-disabled-color;
     }
   }
 
-  &--disabled {
+
+  .zt-rate--disabled {
     cursor: not-allowed;
   }
 
-  &--readonly {
+  .zt-rate--readonly {
     cursor: default;
   }
 }

package/es/style/var.less

@@ -408,7 +408,7 @@
 @dialog-button-height: 44px;
 @dialog-round-button-height: 36px;
 @dialog-confirm-button-text-color: @blue;
-@dialog-footer-padding: 0 32px 24px 32px;
+@dialog-footer-padding: 24px 32px;
 
 // Divider
 @divider-margin: @padding-md 0;
@@ -744,9 +744,9 @@
 @radio-disabled-background-color: @gradient-white;
 
 // Rate
-@rate-icon-size: 20px;
+@rate-icon-size: 24px;
 @rate-icon-gutter: @padding-base;
-@rate-icon-void-color: @gray-a2;
+@rate-icon-void-color: rgba(45, 75, 115, .2);
 @rate-icon-full-color: @yellow;
 @rate-icon-disabled-color: @gray-5;
 

package/lib/dialog/Dialog.js

@@ -113,7 +113,11 @@ var _default = createComponent({
       var _this2 = this;
 
       var h = this.$createElement;
-      var multiple = this.showCancelButton && this.showConfirmButton;
+
+      if (!this.showCancelButton && !this.showConfirmButton) {
+        return "";
+      }
+
       return h("div", {
         "class": bem('footer')
       }, [this.showCancelButton && h(_button.default, {
@@ -217,7 +221,9 @@ var _default = createComponent({
         "role": "dialog",
         "aria-labelledby": this.title || message
       },
-      "class": [bem([this.theme]), this.className],
+      "class": [bem([this.theme]), this.className, {
+        "has-button": this.showCancelButton || this.showConfirmButton
+      }],
       "style": {
         width: (0, _utils.addUnit)(this.width)
       }

package/lib/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:12px;-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{overflow:hidden;-webkit-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:44px;padding:0 32px 24px 32px;position:relative;box-sizing:content-box}.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:12px;-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.has-button .zt-dialog__message{padding-bottom:0}.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{overflow:hidden;-webkit-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:44px;padding:24px 32px;position:relative;box-sizing:content-box}.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/lib/dialog/index.less

@@ -54,6 +54,12 @@
     }
   }
 
+  &.has-button {
+    .zt-dialog__message {
+        padding-bottom: 0;
+    }
+  }
+
   &__message {
     // flex: 1;
     max-height: @dialog-message-max-height;