zartui 2.0.65 → 2.0.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/es/cell/index.css +1 -1
  2. package/es/cell/index.less +2 -0
  3. package/es/index.js +1 -1
  4. package/es/timeline/index.css +1 -1
  5. package/es/timeline/index.js +63 -42
  6. package/es/timeline/index.less +16 -0
  7. package/lib/cell/index.css +1 -1
  8. package/lib/cell/index.less +2 -0
  9. package/lib/index.css +1 -1
  10. package/lib/index.js +1 -1
  11. package/lib/timeline/index.css +1 -1
  12. package/lib/timeline/index.js +61 -39
  13. package/lib/timeline/index.less +16 -0
  14. package/lib/zart.js +64 -43
  15. package/lib/zart.min.js +1 -1
  16. package/package.json +1 -1
package/es/cell/index.css CHANGED
@@ -1 +1 @@
1
- .zt2-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:12px 16px;overflow:hidden;color:#2d4b73;font-size:14px;line-height:20px;background-color:transparent}.zt2-cell--noFlex{display:block}.zt2-cell--noFlex .zt2-cell__title{margin-bottom:10px;width:100%;max-width:100%}.zt2-cell--borderless::after,.zt2-cell:last-child::after{display:none}.zt2-cell__label{margin-top:10px;color:#2d4b73;font-size:14px;line-height:18px}.zt2-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt2-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18}.zt2-cell__placeholder{color:rgba(45,75,115,.2);-webkit-box-flex:9;-webkit-flex:9;flex:9;text-align:right}.zt2-cell__value{position:relative;overflow:hidden;color:#2d4b73;text-align:right;vertical-align:middle;word-wrap:break-word;border-radius:4px}.zt2-cell__value--alone{text-align:left}.zt2-cell__clear{color:rgba(45,75,115,.6);font-size:20px;width:20px;height:20px;margin:0 4px 0 8px;cursor:pointer;box-sizing:content-box}.zt2-cell__clear:last-child{margin-right:0}.zt2-cell__left-icon,.zt2-cell__right-icon{height:20px;font-size:16px;line-height:20px}.zt2-cell__left-icon{margin-right:4px}.zt2-cell__right-icon{margin:auto 0;margin-left:4px;color:#969799}.zt2-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell--large{padding-top:12px;padding-bottom:12px}.zt2-cell--large .zt2-cell__title{font-size:16px}.zt2-cell--large .zt2-cell__label{font-size:14px}.zt2-cell__direction-row{position:relative;background-color:#fff}.zt2-cell__direction-row::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)}.zt2-cell__direction-row .zt2-cell__title{color:rgba(45,75,115,.8)}.zt2-cell__direction-row:last-child::after{display:none}.zt2-cell__direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;font-size:14px;line-height:20px}.zt2-cell__direction-column .zt2-cell__title{margin-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell__direction-column .zt2-cell__title-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zt2-cell__direction-column .zt2-cell__title-subtitle{display:-webkit-box;display:-webkit-flex;display:flex;white-space:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-flex:1;-webkit-flex:1;flex:1;opacity:.4}.zt2-cell__direction-column .zt2-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;text-align:left;min-height:44px;padding:12px;box-sizing:border-box;background-color:#fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.zt2-cell__direction-column .zt2-cell__value .zt2-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt2-cell__direction-column .zt2-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18;word-break:break-all}.zt2-cell__clickable{cursor:pointer}.zt2-cell__clickable:active{background-color:rgba(0,0,0,.04)}
1
+ .zt2-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:12px 16px;overflow:hidden;color:#2d4b73;font-size:14px;line-height:20px;background-color:transparent}.zt2-cell--noFlex{display:block}.zt2-cell--noFlex .zt2-cell__title{margin-bottom:10px;width:100%;max-width:100%}.zt2-cell--borderless::after,.zt2-cell:last-child::after{display:none}.zt2-cell__label{margin-top:10px;color:#2d4b73;font-size:14px;line-height:18px}.zt2-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18}.zt2-cell__placeholder{color:rgba(45,75,115,.2);-webkit-box-flex:9;-webkit-flex:9;flex:9;text-align:right}.zt2-cell__value{position:relative;overflow:hidden;color:#2d4b73;text-align:right;vertical-align:middle;word-wrap:break-word;border-radius:4px}.zt2-cell__value--alone{text-align:left}.zt2-cell__clear{color:rgba(45,75,115,.6);font-size:20px;width:20px;height:20px;margin:0 4px 0 8px;cursor:pointer;box-sizing:content-box}.zt2-cell__clear:last-child{margin-right:0}.zt2-cell__left-icon,.zt2-cell__right-icon{height:20px;font-size:16px;line-height:20px}.zt2-cell__left-icon{margin-right:4px}.zt2-cell__right-icon{margin:auto 0;margin-left:4px;color:#969799}.zt2-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell--large{padding-top:12px;padding-bottom:12px}.zt2-cell--large .zt2-cell__title{font-size:16px}.zt2-cell--large .zt2-cell__label{font-size:14px}.zt2-cell__direction-row{position:relative;background-color:#fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell__direction-row::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)}.zt2-cell__direction-row .zt2-cell__title{color:rgba(45,75,115,.8)}.zt2-cell__direction-row:last-child::after{display:none}.zt2-cell__direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;font-size:14px;line-height:20px}.zt2-cell__direction-column .zt2-cell__title{margin-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell__direction-column .zt2-cell__title-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zt2-cell__direction-column .zt2-cell__title-subtitle{display:-webkit-box;display:-webkit-flex;display:flex;white-space:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-flex:1;-webkit-flex:1;flex:1;opacity:.4}.zt2-cell__direction-column .zt2-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;text-align:left;min-height:44px;padding:12px;box-sizing:border-box;background-color:#fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.zt2-cell__direction-column .zt2-cell__value .zt2-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt2-cell__direction-column .zt2-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18;word-break:break-all}.zt2-cell__clickable{cursor:pointer}.zt2-cell__clickable:active{background-color:rgba(0,0,0,.04)}
package/es/cell/index.less CHANGED
@@ -42,6 +42,7 @@
42
42
  display: flex;
43
43
  flex: 1;
44
44
  justify-content: flex-end;
45
+ align-items: center;
45
46
  &-content {
46
47
  flex: 18;
47
48
  }
@@ -119,6 +120,7 @@
119
120
  .@{base-prefix}-cell__direction-row {
120
121
  position: relative;
121
122
  background-color: white;
123
+ align-items: center;
122
124
 
123
125
  &::after {
124
126
  .hairline-bottom(@cell-border-color, @padding-md);
package/es/index.js CHANGED
@@ -74,7 +74,7 @@ import Tag from './tag';
74
74
  import Timeline from './timeline';
75
75
  import Toast from './toast';
76
76
  import Uploader from './uploader';
77
- var version = '2.0.65';
77
+ var version = '2.0.67';
78
78
 
79
79
  function install(Vue) {
80
80
  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, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Timeline, Toast, Uploader];
package/es/timeline/index.css CHANGED
@@ -1 +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}
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,.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/es/timeline/index.js CHANGED
@@ -1,14 +1,13 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import { createNamespace } from '../utils';
3
3
  import { BORDER_BOTTOM } from '../utils/constant';
4
+ import Switch from "../switch";
5
+ import MediaPicker from '../media-picker';
4
6
 
5
7
  var _createNamespace = createNamespace('timeline'),
6
8
  createComponent = _createNamespace[0],
7
9
  bem = _createNamespace[1];
8
10
 
9
- import Switch from "../switch";
10
- import MediaPicker from '../media-picker';
11
-
12
11
  var defaultData = function defaultData() {
13
12
  return {
14
13
  isFold: false,
@@ -53,6 +52,10 @@ export default createComponent({
53
52
  showFold: {
54
53
  type: Boolean,
55
54
  default: true
55
+ },
56
+ dot: {
57
+ type: Boolean,
58
+ default: false
56
59
  }
57
60
  },
58
61
  data: function data() {
@@ -85,11 +88,11 @@ export default createComponent({
85
88
  return showProcesses.map(function (item, index) {
86
89
  return _this.genProcessItem(item, index === showProcesses.length - 1);
87
90
  });
88
- } else {
89
- return this.computedProcesses.map(function (item, index) {
90
- return _this.genProcessItem(item, index === _this.computedProcesses.length - 1);
91
- });
92
91
  }
92
+
93
+ return this.computedProcesses.map(function (item, index) {
94
+ return _this.genProcessItem(item, index === _this.computedProcesses.length - 1);
95
+ });
93
96
  },
94
97
  genAvatar: function genAvatar(item, avatarSlot) {
95
98
  var h = this.$createElement;
@@ -100,6 +103,12 @@ export default createComponent({
100
103
  }, [avatarSlot]);
101
104
  }
102
105
 
106
+ if (this.dot) {
107
+ return h("div", {
108
+ "class": bem('dot')
109
+ });
110
+ }
111
+
103
112
  return h("div", {
104
113
  "class": bem("avatar-box" + " half-border")
105
114
  }, [item.avatar ? h("img", {
@@ -255,7 +264,7 @@ export default createComponent({
255
264
  "click": itemClicked
256
265
  }
257
266
  }, [h("div", {
258
- "class": bem("left-container")
267
+ "class": [bem("left-container"), this.dot ? bem('dot-container') : '']
259
268
  }, [this.genAvatar(item, avatarSlot), h("div", {
260
269
  "class": bem("line")
261
270
  })]), h("div", {
@@ -263,46 +272,58 @@ export default createComponent({
263
272
  }, [this.genTitle(item, titleSlot), item.folded ? h() : h("div", {
264
273
  "class": bem("main-container")
265
274
  }, [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) : ""])])]);
275
+ },
276
+ genTopBar: function genTopBar() {
277
+ var _this2 = this;
278
+
279
+ var h = this.$createElement;
280
+ var topBarSlot = this.slots("top-bar");
281
+
282
+ if (topBarSlot) {
283
+ return h("div", {
284
+ "class": [bem('top-bar'), BORDER_BOTTOM]
285
+ }, [topBarSlot]);
286
+ }
287
+
288
+ return h("div", {
289
+ "directives": [{
290
+ name: "show",
291
+ value: this.title || this.showFold
292
+ }],
293
+ "class": [bem("top-bar" + " half-border-bottom"), BORDER_BOTTOM]
294
+ }, [h("div", {
295
+ "directives": [{
296
+ name: "show",
297
+ value: this.title
298
+ }],
299
+ "class": bem("top-left")
300
+ }, [h("div", {
301
+ "class": bem("bar")
302
+ }), h("div", {
303
+ "class": bem("main-title")
304
+ }, [this.title])]), h("div", {
305
+ "directives": [{
306
+ name: "show",
307
+ value: this.showFold
308
+ }],
309
+ "class": bem("top-right")
310
+ }, [h("span", {
311
+ "class": bem("fold-text")
312
+ }, ["\u6298\u53E0", this.title]), h(Switch, {
313
+ "model": {
314
+ value: _this2.isFold,
315
+ callback: function callback($$v) {
316
+ _this2.isFold = $$v;
317
+ }
318
+ }
319
+ })])]);
266
320
  }
267
321
  },
268
322
  render: function render(h) {
269
- var _this2 = this;
270
-
271
323
  var processes = this.genProcesses();
272
324
  return h("div", {
273
325
  "class": bem()
274
- }, [h("div", {
275
- "directives": [{
276
- name: "show",
277
- value: this.title || this.showFold
278
- }],
279
- "class": [bem("top-bar" + " half-border-bottom"), BORDER_BOTTOM]
280
- }, [h("div", {
281
- "directives": [{
282
- name: "show",
283
- value: this.title
284
- }],
285
- "class": bem("top-left")
286
- }, [h("div", {
287
- "class": bem("bar")
288
- }), h("div", {
289
- "class": bem("main-title")
290
- }, [this.title])]), h("div", {
291
- "directives": [{
292
- name: "show",
293
- value: this.showFold
294
- }],
295
- "class": bem("top-right")
296
- }, [h("span", {
297
- "class": bem("fold-text")
298
- }, ["\u6298\u53E0", this.title]), h(Switch, {
299
- "model": {
300
- value: _this2.isFold,
301
- callback: function callback($$v) {
302
- _this2.isFold = $$v;
303
- }
304
- }
305
- })])]), (processes == null ? void 0 : processes.length) > 0 ? h("div", {
326
+ }, [this.genTopBar(), (processes == null ? void 0 : processes.length) > 0 ? h("div", {
306
327
  "class": bem("container")
307
328
  }, [processes]) : h()]);
308
329
  }
package/es/timeline/index.less CHANGED
@@ -36,9 +36,13 @@
36
36
  padding: 0 16px 16px 16px;
37
37
  display: flex;
38
38
  &.last-item {
39
+ .@{base-prefix}-timeline__line-dot,
39
40
  .@{base-prefix}-timeline__line {
40
41
  height: 0;
41
42
  }
43
+ .@{base-prefix}-timeline__dot {
44
+ border-color: #0091fa;
45
+ }
42
46
  }
43
47
  }
44
48
  .@{base-prefix}-timeline__left-container {
@@ -46,6 +50,7 @@
46
50
  display: flex;
47
51
  flex-direction: column;
48
52
  align-items: center;
53
+ position: relative;
49
54
  }
50
55
  .@{base-prefix}-timeline__right-container {
51
56
  flex: 1;
@@ -55,6 +60,17 @@
55
60
  height: 40px;
56
61
  position: relative;
57
62
  }
63
+ &__dot-container {
64
+ top: 5px;
65
+ }
66
+ &__dot {
67
+ width: 12px;
68
+ height: 12px;
69
+ background-color: #fff;
70
+ border: 1px solid rgba(45, 75, 115, 0.2);
71
+ border-radius: 50%;
72
+ z-index: 2;
73
+ }
58
74
  .@{base-prefix}-timeline__status {
59
75
  width: 16px;
60
76
  height: 16px;
package/lib/cell/index.css CHANGED
@@ -1 +1 @@
1
- .zt2-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:12px 16px;overflow:hidden;color:#2d4b73;font-size:14px;line-height:20px;background-color:transparent}.zt2-cell--noFlex{display:block}.zt2-cell--noFlex .zt2-cell__title{margin-bottom:10px;width:100%;max-width:100%}.zt2-cell--borderless::after,.zt2-cell:last-child::after{display:none}.zt2-cell__label{margin-top:10px;color:#2d4b73;font-size:14px;line-height:18px}.zt2-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt2-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18}.zt2-cell__placeholder{color:rgba(45,75,115,.2);-webkit-box-flex:9;-webkit-flex:9;flex:9;text-align:right}.zt2-cell__value{position:relative;overflow:hidden;color:#2d4b73;text-align:right;vertical-align:middle;word-wrap:break-word;border-radius:4px}.zt2-cell__value--alone{text-align:left}.zt2-cell__clear{color:rgba(45,75,115,.6);font-size:20px;width:20px;height:20px;margin:0 4px 0 8px;cursor:pointer;box-sizing:content-box}.zt2-cell__clear:last-child{margin-right:0}.zt2-cell__left-icon,.zt2-cell__right-icon{height:20px;font-size:16px;line-height:20px}.zt2-cell__left-icon{margin-right:4px}.zt2-cell__right-icon{margin:auto 0;margin-left:4px;color:#969799}.zt2-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell--large{padding-top:12px;padding-bottom:12px}.zt2-cell--large .zt2-cell__title{font-size:16px}.zt2-cell--large .zt2-cell__label{font-size:14px}.zt2-cell__direction-row{position:relative;background-color:#fff}.zt2-cell__direction-row::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)}.zt2-cell__direction-row .zt2-cell__title{color:rgba(45,75,115,.8)}.zt2-cell__direction-row:last-child::after{display:none}.zt2-cell__direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;font-size:14px;line-height:20px}.zt2-cell__direction-column .zt2-cell__title{margin-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell__direction-column .zt2-cell__title-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zt2-cell__direction-column .zt2-cell__title-subtitle{display:-webkit-box;display:-webkit-flex;display:flex;white-space:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-flex:1;-webkit-flex:1;flex:1;opacity:.4}.zt2-cell__direction-column .zt2-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;text-align:left;min-height:44px;padding:12px;box-sizing:border-box;background-color:#fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.zt2-cell__direction-column .zt2-cell__value .zt2-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt2-cell__direction-column .zt2-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18;word-break:break-all}.zt2-cell__clickable{cursor:pointer}.zt2-cell__clickable:active{background-color:rgba(0,0,0,.04)}
1
+ .zt2-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:12px 16px;overflow:hidden;color:#2d4b73;font-size:14px;line-height:20px;background-color:transparent}.zt2-cell--noFlex{display:block}.zt2-cell--noFlex .zt2-cell__title{margin-bottom:10px;width:100%;max-width:100%}.zt2-cell--borderless::after,.zt2-cell:last-child::after{display:none}.zt2-cell__label{margin-top:10px;color:#2d4b73;font-size:14px;line-height:18px}.zt2-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18}.zt2-cell__placeholder{color:rgba(45,75,115,.2);-webkit-box-flex:9;-webkit-flex:9;flex:9;text-align:right}.zt2-cell__value{position:relative;overflow:hidden;color:#2d4b73;text-align:right;vertical-align:middle;word-wrap:break-word;border-radius:4px}.zt2-cell__value--alone{text-align:left}.zt2-cell__clear{color:rgba(45,75,115,.6);font-size:20px;width:20px;height:20px;margin:0 4px 0 8px;cursor:pointer;box-sizing:content-box}.zt2-cell__clear:last-child{margin-right:0}.zt2-cell__left-icon,.zt2-cell__right-icon{height:20px;font-size:16px;line-height:20px}.zt2-cell__left-icon{margin-right:4px}.zt2-cell__right-icon{margin:auto 0;margin-left:4px;color:#969799}.zt2-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell--large{padding-top:12px;padding-bottom:12px}.zt2-cell--large .zt2-cell__title{font-size:16px}.zt2-cell--large .zt2-cell__label{font-size:14px}.zt2-cell__direction-row{position:relative;background-color:#fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell__direction-row::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)}.zt2-cell__direction-row .zt2-cell__title{color:rgba(45,75,115,.8)}.zt2-cell__direction-row:last-child::after{display:none}.zt2-cell__direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;font-size:14px;line-height:20px}.zt2-cell__direction-column .zt2-cell__title{margin-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell__direction-column .zt2-cell__title-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zt2-cell__direction-column .zt2-cell__title-subtitle{display:-webkit-box;display:-webkit-flex;display:flex;white-space:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-flex:1;-webkit-flex:1;flex:1;opacity:.4}.zt2-cell__direction-column .zt2-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;text-align:left;min-height:44px;padding:12px;box-sizing:border-box;background-color:#fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.zt2-cell__direction-column .zt2-cell__value .zt2-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt2-cell__direction-column .zt2-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18;word-break:break-all}.zt2-cell__clickable{cursor:pointer}.zt2-cell__clickable:active{background-color:rgba(0,0,0,.04)}
package/lib/cell/index.less CHANGED
@@ -42,6 +42,7 @@
42
42
  display: flex;
43
43
  flex: 1;
44
44
  justify-content: flex-end;
45
+ align-items: center;
45
46
  &-content {
46
47
  flex: 18;
47
48
  }
@@ -119,6 +120,7 @@
119
120
  .@{base-prefix}-cell__direction-row {
120
121
  position: relative;
121
122
  background-color: white;
123
+ align-items: center;
122
124
 
123
125
  &::after {
124
126
  .hairline-bottom(@cell-border-color, @padding-md);