zartui 2.0.65 → 2.0.67

package/lib/index.js

@@ -309,7 +309,7 @@ exports.Toast = _toast.default;
 var _uploader = _interopRequireDefault(require("./uploader"));
 
 exports.Uploader = _uploader.default;
-var version = '2.0.65';
+var version = '2.0.67';
 exports.version = version;
 
 function install(Vue) {

package/lib/timeline/index.css

@@ -1 +1 @@
-.zt2-timeline{background-color:#fff}.zt2-timeline .zt2-timeline__top-bar{height:44px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-timeline .zt2-timeline__top-left{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-timeline .zt2-timeline__bar{width:4px;height:16px;background:#0091fa;margin-right:12px}.zt2-timeline .zt2-timeline__top-right{padding-right:16px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-timeline .zt2-timeline__fold-text{font-size:14px;color:rgba(45,75,115,.6);line-height:24px;margin-right:8px}.zt2-timeline .zt2-timeline__container{padding-top:16px}.zt2-timeline .zt2-timeline__item{padding:0 16px 16px 16px;display:-webkit-box;display:-webkit-flex;display:flex}.zt2-timeline .zt2-timeline__item.last-item .zt2-timeline__line{height:0}.zt2-timeline .zt2-timeline__left-container{margin-right:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-timeline .zt2-timeline__right-container{-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt2-timeline .zt2-timeline__avatar-box{width:40px;height:40px;position:relative}.zt2-timeline .zt2-timeline__status{width:16px;height:16px;position:absolute;bottom:-4px;right:-4px}.zt2-timeline .zt2-timeline__avatar{width:40px;height:40px;background:rgba(0,145,250,.7);border-radius:4px;font-size:14px;font-weight:700;text-align:center;color:#fff;line-height:40px}.zt2-timeline .zt2-timeline__line{background-color:#f5f5f5;width:2px;height:100%;margin-top:4px;margin-bottom:-12px}.zt2-timeline .zt2-timeline__title-box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:8px}.zt2-timeline .zt2-timeline__main-title{font-size:16px;font-weight:700;color:#2d4b73;line-height:24px}.zt2-timeline .zt2-timeline__title{font-size:14px;font-weight:700;color:#2d4b73;line-height:24px}.zt2-timeline .zt2-timeline__time{font-size:12px;color:rgba(45,75,115,.8);line-height:16px}.zt2-timeline .zt2-timeline__content-box{font-size:14px;color:#2d4b73;line-height:20px;padding-bottom:8px;padding-top:4px}.zt2-timeline .zt2-timeline__human-box{padding-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.zt2-timeline .zt2-timeline__human-box .zt2-timeline__depart{font-size:14px;color:#2d4b73;line-height:20px;margin-right:8px}.zt2-timeline .zt2-timeline__human-box .zt2-timeline__human{font-weight:700;font-size:14px;color:#2d4b73;line-height:20px}.zt2-timeline .zt2-timeline__main-container{background:rgba(45,75,115,.04);border-radius:4px;padding:8px 12px}.zt2-timeline .zt2-timeline__main-container::before{border-radius:4px}.zt2-timeline .zt2-timeline__main-container .zt2-timeline__text-bold{font-weight:700;color:#2d4b73}.zt2-timeline .zt2-timeline__main-container .zt2-media-picker{margin-top:12px}.zt2-timeline .zt2-timeline__main-container .zt2-media-picker .zt2-media-picker__line{display:none}.zt2-timeline .zt2-timeline__main-container .zt2-media-picker .zt2-media-picker__grid{padding:0!important}.zt2-timeline .zt2-timeline__main-container .zt2-media-picker .zt2-media-picker__grid .zt2-media-picker__media-box{width:100%;height:100%;position:relative}.zt2-timeline .zt2-timeline__main-container .zt2-media-picker .zt2-media-picker__grid .zt2-media-picker__media-box .zt2-media-picker__media-name{width:100%;height:20px;padding:0 12px;position:absolute;bottom:0;left:0;border-radius:0 0 4px 4px;background-color:rgba(45,75,115,.5);font-size:12px;color:#fff;text-align:center;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zt2-timeline .zt2-timeline__opinion-box{padding-top:7px}.zt2-timeline .zt2-timeline__opinion-box .zt2-timeline__opinion--empty{font-size:14px;color:rgba(45,75,115,.2)}.zt2-timeline .zt2-timeline__content-label,.zt2-timeline .zt2-timeline__opinion-label{margin-bottom:4px;font-size:14px;color:rgba(45,75,115,.6);line-height:20px}.zt2-timeline .zt2-timeline__opinion{font-size:14px;color:#2d4b73;line-height:20px}
+.zt2-timeline{background-color:#fff}.zt2-timeline .zt2-timeline__top-bar{height:44px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-timeline .zt2-timeline__top-left{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-timeline .zt2-timeline__bar{width:4px;height:16px;background:#0091fa;margin-right:12px}.zt2-timeline .zt2-timeline__top-right{padding-right:16px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-timeline .zt2-timeline__fold-text{font-size:14px;color:rgba(45,75,115,.6);line-height:24px;margin-right:8px}.zt2-timeline .zt2-timeline__container{padding-top:16px}.zt2-timeline .zt2-timeline__item{padding:0 16px 16px 16px;display:-webkit-box;display:-webkit-flex;display:flex}.zt2-timeline .zt2-timeline__item.last-item .zt2-timeline__line,.zt2-timeline .zt2-timeline__item.last-item .zt2-timeline__line-dot{height:0}.zt2-timeline .zt2-timeline__item.last-item .zt2-timeline__dot{border-color:#0091fa}.zt2-timeline .zt2-timeline__left-container{margin-right:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative}.zt2-timeline .zt2-timeline__right-container{-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt2-timeline .zt2-timeline__avatar-box{width:40px;height:40px;position:relative}.zt2-timeline__dot-container{top:5px}.zt2-timeline__dot{width:12px;height:12px;background-color:#fff;border:1px solid rgba(45,75,115,.2);border-radius:50%;z-index:2}.zt2-timeline .zt2-timeline__status{width:16px;height:16px;position:absolute;bottom:-4px;right:-4px}.zt2-timeline .zt2-timeline__avatar{width:40px;height:40px;background:rgba(0,145,250,.7);border-radius:4px;font-size:14px;font-weight:700;text-align:center;color:#fff;line-height:40px}.zt2-timeline .zt2-timeline__line{background-color:#f5f5f5;width:2px;height:100%;margin-top:4px;margin-bottom:-12px}.zt2-timeline .zt2-timeline__title-box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:8px}.zt2-timeline .zt2-timeline__main-title{font-size:16px;font-weight:700;color:#2d4b73;line-height:24px}.zt2-timeline .zt2-timeline__title{font-size:14px;font-weight:700;color:#2d4b73;line-height:24px}.zt2-timeline .zt2-timeline__time{font-size:12px;color:rgba(45,75,115,.8);line-height:16px}.zt2-timeline .zt2-timeline__content-box{font-size:14px;color:#2d4b73;line-height:20px;padding-bottom:8px;padding-top:4px}.zt2-timeline .zt2-timeline__human-box{padding-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.zt2-timeline .zt2-timeline__human-box .zt2-timeline__depart{font-size:14px;color:#2d4b73;line-height:20px;margin-right:8px}.zt2-timeline .zt2-timeline__human-box .zt2-timeline__human{font-weight:700;font-size:14px;color:#2d4b73;line-height:20px}.zt2-timeline .zt2-timeline__main-container{background:rgba(45,75,115,.04);border-radius:4px;padding:8px 12px}.zt2-timeline .zt2-timeline__main-container::before{border-radius:4px}.zt2-timeline .zt2-timeline__main-container .zt2-timeline__text-bold{font-weight:700;color:#2d4b73}.zt2-timeline .zt2-timeline__main-container .zt2-media-picker{margin-top:12px}.zt2-timeline .zt2-timeline__main-container .zt2-media-picker .zt2-media-picker__line{display:none}.zt2-timeline .zt2-timeline__main-container .zt2-media-picker .zt2-media-picker__grid{padding:0!important}.zt2-timeline .zt2-timeline__main-container .zt2-media-picker .zt2-media-picker__grid .zt2-media-picker__media-box{width:100%;height:100%;position:relative}.zt2-timeline .zt2-timeline__main-container .zt2-media-picker .zt2-media-picker__grid .zt2-media-picker__media-box .zt2-media-picker__media-name{width:100%;height:20px;padding:0 12px;position:absolute;bottom:0;left:0;border-radius:0 0 4px 4px;background-color:rgba(45,75,115,.5);font-size:12px;color:#fff;text-align:center;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zt2-timeline .zt2-timeline__opinion-box{padding-top:7px}.zt2-timeline .zt2-timeline__opinion-box .zt2-timeline__opinion--empty{font-size:14px;color:rgba(45,75,115,.2)}.zt2-timeline .zt2-timeline__content-label,.zt2-timeline .zt2-timeline__opinion-label{margin-bottom:4px;font-size:14px;color:rgba(45,75,115,.6);line-height:20px}.zt2-timeline .zt2-timeline__opinion{font-size:14px;color:#2d4b73;line-height:20px}

package/lib/timeline/index.js

@@ -63,6 +63,10 @@ var _default2 = createComponent({
     showFold: {
       type: Boolean,
       default: true
+    },
+    dot: {
+      type: Boolean,
+      default: false
     }
   },
   data: function data() {
@@ -95,11 +99,11 @@ var _default2 = createComponent({
         return showProcesses.map(function (item, index) {
           return _this.genProcessItem(item, index === showProcesses.length - 1);
         });
-      } else {
-        return this.computedProcesses.map(function (item, index) {
-          return _this.genProcessItem(item, index === _this.computedProcesses.length - 1);
-        });
       }
+
+      return this.computedProcesses.map(function (item, index) {
+        return _this.genProcessItem(item, index === _this.computedProcesses.length - 1);
+      });
     },
     genAvatar: function genAvatar(item, avatarSlot) {
       var h = this.$createElement;
@@ -110,6 +114,12 @@ var _default2 = createComponent({
         }, [avatarSlot]);
       }
 
+      if (this.dot) {
+        return h("div", {
+          "class": bem('dot')
+        });
+      }
+
       return h("div", {
         "class": bem("avatar-box" + " half-border")
       }, [item.avatar ? h("img", {
@@ -265,7 +275,7 @@ var _default2 = createComponent({
           "click": itemClicked
         }
       }, [h("div", {
-        "class": bem("left-container")
+        "class": [bem("left-container"), this.dot ? bem('dot-container') : '']
       }, [this.genAvatar(item, avatarSlot), h("div", {
         "class": bem("line")
       })]), h("div", {
@@ -273,46 +283,58 @@ var _default2 = createComponent({
       }, [this.genTitle(item, titleSlot), item.folded ? h() : h("div", {
         "class": bem("main-container")
       }, [this.genHuman(item, humanSlot), this.genContent(item, contentSlot), this.genOpinion(item, opinionSlot), item != null && (_item$fileList = item.fileList) != null && _item$fileList.length ? this.genFiles(item.fileList) : ""])])]);
+    },
+    genTopBar: function genTopBar() {
+      var _this2 = this;
+
+      var h = this.$createElement;
+      var topBarSlot = this.slots("top-bar");
+
+      if (topBarSlot) {
+        return h("div", {
+          "class": [bem('top-bar'), _constant.BORDER_BOTTOM]
+        }, [topBarSlot]);
+      }
+
+      return h("div", {
+        "directives": [{
+          name: "show",
+          value: this.title || this.showFold
+        }],
+        "class": [bem("top-bar" + " half-border-bottom"), _constant.BORDER_BOTTOM]
+      }, [h("div", {
+        "directives": [{
+          name: "show",
+          value: this.title
+        }],
+        "class": bem("top-left")
+      }, [h("div", {
+        "class": bem("bar")
+      }), h("div", {
+        "class": bem("main-title")
+      }, [this.title])]), h("div", {
+        "directives": [{
+          name: "show",
+          value: this.showFold
+        }],
+        "class": bem("top-right")
+      }, [h("span", {
+        "class": bem("fold-text")
+      }, ["\u6298\u53E0", this.title]), h(_switch.default, {
+        "model": {
+          value: _this2.isFold,
+          callback: function callback($$v) {
+            _this2.isFold = $$v;
+          }
+        }
+      })])]);
     }
   },
   render: function render(h) {
-    var _this2 = this;
-
     var processes = this.genProcesses();
     return h("div", {
       "class": bem()
-    }, [h("div", {
-      "directives": [{
-        name: "show",
-        value: this.title || this.showFold
-      }],
-      "class": [bem("top-bar" + " half-border-bottom"), _constant.BORDER_BOTTOM]
-    }, [h("div", {
-      "directives": [{
-        name: "show",
-        value: this.title
-      }],
-      "class": bem("top-left")
-    }, [h("div", {
-      "class": bem("bar")
-    }), h("div", {
-      "class": bem("main-title")
-    }, [this.title])]), h("div", {
-      "directives": [{
-        name: "show",
-        value: this.showFold
-      }],
-      "class": bem("top-right")
-    }, [h("span", {
-      "class": bem("fold-text")
-    }, ["\u6298\u53E0", this.title]), h(_switch.default, {
-      "model": {
-        value: _this2.isFold,
-        callback: function callback($$v) {
-          _this2.isFold = $$v;
-        }
-      }
-    })])]), (processes == null ? void 0 : processes.length) > 0 ? h("div", {
+    }, [this.genTopBar(), (processes == null ? void 0 : processes.length) > 0 ? h("div", {
       "class": bem("container")
     }, [processes]) : h()]);
   }

package/lib/timeline/index.less

@@ -36,9 +36,13 @@
     padding: 0 16px 16px 16px;
     display: flex;
     &.last-item {
+      .@{base-prefix}-timeline__line-dot,
       .@{base-prefix}-timeline__line {
         height: 0;
       }
+      .@{base-prefix}-timeline__dot {
+        border-color: #0091fa;
+      }
     }
   }
   .@{base-prefix}-timeline__left-container {
@@ -46,6 +50,7 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    position: relative;
   }
   .@{base-prefix}-timeline__right-container {
     flex: 1;
@@ -55,6 +60,17 @@
     height: 40px;
     position: relative;
   }
+  &__dot-container {
+    top: 5px;
+  }
+  &__dot {
+    width: 12px;
+    height: 12px;
+    background-color: #fff;
+    border: 1px solid rgba(45, 75, 115, 0.2);
+    border-radius: 50%;
+    z-index: 2;
+  }
   .@{base-prefix}-timeline__status {
     width: 16px;
     height: 16px;

package/lib/zart.js

@@ -29650,13 +29650,12 @@ Tag.props = {
 
 
 
+
+
 var timeline_createNamespace = Object(utils["b" /* createNamespace */])('timeline'),
     timeline_createComponent = timeline_createNamespace[0],
     timeline_bem = timeline_createNamespace[1];
 
-
-
-
 var timeline_defaultData = function defaultData() {
   return {
     isFold: false,
@@ -29701,6 +29700,10 @@ var timeline_defaultData = function defaultData() {
     showFold: {
       type: Boolean,
       default: true
+    },
+    dot: {
+      type: Boolean,
+      default: false
     }
   },
   data: function data() {
@@ -29733,11 +29736,11 @@ var timeline_defaultData = function defaultData() {
         return showProcesses.map(function (item, index) {
           return _this.genProcessItem(item, index === showProcesses.length - 1);
         });
-      } else {
-        return this.computedProcesses.map(function (item, index) {
-          return _this.genProcessItem(item, index === _this.computedProcesses.length - 1);
-        });
       }
+
+      return this.computedProcesses.map(function (item, index) {
+        return _this.genProcessItem(item, index === _this.computedProcesses.length - 1);
+      });
     },
     genAvatar: function genAvatar(item, avatarSlot) {
       var h = this.$createElement;
@@ -29748,6 +29751,12 @@ var timeline_defaultData = function defaultData() {
         }, [avatarSlot]);
       }
 
+      if (this.dot) {
+        return h("div", {
+          "class": timeline_bem('dot')
+        });
+      }
+
       return h("div", {
         "class": timeline_bem("avatar-box" + " half-border")
       }, [item.avatar ? h("img", {
@@ -29903,7 +29912,7 @@ var timeline_defaultData = function defaultData() {
           "click": itemClicked
         }
       }, [h("div", {
-        "class": timeline_bem("left-container")
+        "class": [timeline_bem("left-container"), this.dot ? timeline_bem('dot-container') : '']
       }, [this.genAvatar(item, avatarSlot), h("div", {
         "class": timeline_bem("line")
       })]), h("div", {
@@ -29911,46 +29920,58 @@ var timeline_defaultData = function defaultData() {
       }, [this.genTitle(item, titleSlot), item.folded ? h() : h("div", {
         "class": timeline_bem("main-container")
       }, [this.genHuman(item, humanSlot), this.genContent(item, contentSlot), this.genOpinion(item, opinionSlot), item != null && (_item$fileList = item.fileList) != null && _item$fileList.length ? this.genFiles(item.fileList) : ""])])]);
+    },
+    genTopBar: function genTopBar() {
+      var _this2 = this;
+
+      var h = this.$createElement;
+      var topBarSlot = this.slots("top-bar");
+
+      if (topBarSlot) {
+        return h("div", {
+          "class": [timeline_bem('top-bar'), BORDER_BOTTOM]
+        }, [topBarSlot]);
+      }
+
+      return h("div", {
+        "directives": [{
+          name: "show",
+          value: this.title || this.showFold
+        }],
+        "class": [timeline_bem("top-bar" + " half-border-bottom"), BORDER_BOTTOM]
+      }, [h("div", {
+        "directives": [{
+          name: "show",
+          value: this.title
+        }],
+        "class": timeline_bem("top-left")
+      }, [h("div", {
+        "class": timeline_bem("bar")
+      }), h("div", {
+        "class": timeline_bem("main-title")
+      }, [this.title])]), h("div", {
+        "directives": [{
+          name: "show",
+          value: this.showFold
+        }],
+        "class": timeline_bem("top-right")
+      }, [h("span", {
+        "class": timeline_bem("fold-text")
+      }, ["\u6298\u53E0", this.title]), h(es_switch, {
+        "model": {
+          value: _this2.isFold,
+          callback: function callback($$v) {
+            _this2.isFold = $$v;
+          }
+        }
+      })])]);
     }
   },
   render: function render(h) {
-    var _this2 = this;
-
     var processes = this.genProcesses();
     return h("div", {
       "class": timeline_bem()
-    }, [h("div", {
-      "directives": [{
-        name: "show",
-        value: this.title || this.showFold
-      }],
-      "class": [timeline_bem("top-bar" + " half-border-bottom"), BORDER_BOTTOM]
-    }, [h("div", {
-      "directives": [{
-        name: "show",
-        value: this.title
-      }],
-      "class": timeline_bem("top-left")
-    }, [h("div", {
-      "class": timeline_bem("bar")
-    }), h("div", {
-      "class": timeline_bem("main-title")
-    }, [this.title])]), h("div", {
-      "directives": [{
-        name: "show",
-        value: this.showFold
-      }],
-      "class": timeline_bem("top-right")
-    }, [h("span", {
-      "class": timeline_bem("fold-text")
-    }, ["\u6298\u53E0", this.title]), h(es_switch, {
-      "model": {
-        value: _this2.isFold,
-        callback: function callback($$v) {
-          _this2.isFold = $$v;
-        }
-      }
-    })])]), (processes == null ? void 0 : processes.length) > 0 ? h("div", {
+    }, [this.genTopBar(), (processes == null ? void 0 : processes.length) > 0 ? h("div", {
       "class": timeline_bem("container")
     }, [processes]) : h()]);
   }
@@ -30661,7 +30682,7 @@ var uploader_createNamespace = Object(utils["b" /* createNamespace */])('uploade
 
 
 
-var version = '2.0.65';
+var version = '2.0.67';
 
 function install(Vue) {
   var components = [action_sheet, es_area, avatar, back_top, badge, es_button, calendar, cascader, cell, cell_group, es_checkbox, checkbox_group, col, collapse, collapse_item, count_down, datetime_picker, dialog, divider, dropdown_item, dropdown_menu, empty, es_field, fold_dialog, es_form, grid, grid_item, hierarchy_select, es_icon, es_image, image_preview, index_anchor, index_bar, es_info, lazyload, es_list, es_loading, locale["a" /* default */], media_picker, media_player, multiple_picker, nav_bar, notice_bar, number_keyboard, es_overlay, password_input, es_picker, popover, popup, pull_refresh, es_radio, radio_group, rate, row, search, signature, skeleton, slider, es_step, stepper, es_steps, es_sticky, swipe, swipe_cell, swipe_item, es_switch, switch_cell, tab, tabbar, tabbar_item, table, tabs, es_tag, timeline, es_toast, uploader];