zartui 2.0.4 → 2.0.5

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 (48) hide show
  1. package/es/cell/index.css +1 -1
  2. package/es/cell/index.js +1 -1
  3. package/es/cell/index.less +12 -0
  4. package/es/datetime-picker/shared.js +2 -1
  5. package/es/index.js +1 -1
  6. package/es/list/index.css +1 -1
  7. package/es/multiple-picker/MultiplePickerOptions.js +1 -1
  8. package/es/multiple-picker/index.css +1 -1
  9. package/es/multiple-picker/index.js +1 -1
  10. package/es/multiple-picker/index.less +5 -4
  11. package/es/picker/PickerColumn.js +5 -1
  12. package/es/picker/index.css +1 -1
  13. package/es/picker/index.js +2 -4
  14. package/es/picker/shared.js +1 -1
  15. package/es/pull-refresh/index.css +1 -1
  16. package/es/pull-refresh/index.less +1 -0
  17. package/es/style/base.css +1 -1
  18. package/es/style/normalize.css +1 -1
  19. package/es/style/normalize.less +6 -0
  20. package/es/style/var.less +12 -7
  21. package/es/switch/index.css +1 -1
  22. package/es/switch/index.less +6 -1
  23. package/lib/cell/index.css +1 -1
  24. package/lib/cell/index.js +1 -1
  25. package/lib/cell/index.less +12 -0
  26. package/lib/datetime-picker/shared.js +2 -1
  27. package/lib/index.css +1 -1
  28. package/lib/index.js +1 -1
  29. package/lib/list/index.css +1 -1
  30. package/lib/multiple-picker/MultiplePickerOptions.js +1 -1
  31. package/lib/multiple-picker/index.css +1 -1
  32. package/lib/multiple-picker/index.js +1 -1
  33. package/lib/multiple-picker/index.less +5 -4
  34. package/lib/picker/PickerColumn.js +5 -1
  35. package/lib/picker/index.css +1 -1
  36. package/lib/picker/index.js +2 -4
  37. package/lib/picker/shared.js +1 -1
  38. package/lib/pull-refresh/index.css +1 -1
  39. package/lib/pull-refresh/index.less +1 -0
  40. package/lib/style/base.css +1 -1
  41. package/lib/style/normalize.css +1 -1
  42. package/lib/style/normalize.less +6 -0
  43. package/lib/style/var.less +12 -7
  44. package/lib/switch/index.css +1 -1
  45. package/lib/switch/index.less +6 -1
  46. package/lib/zart.js +18 -15
  47. package/lib/zart.min.js +1 -1
  48. package/package.json +1 -1
package/es/cell/index.css CHANGED
@@ -1 +1 @@
1
- .zt-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:16px;line-height:20px;background-color:#fff}.zt-cell--noFlex{display:block}.zt-cell--noFlex .zt-cell__title{margin-bottom:10px;width:100%;max-width:100%}.zt-cell--borderless::after,.zt-cell:last-child::after{display:none}.zt-cell__label{margin-top:10px;color:#2d4b73;font-size:14px;line-height:18px}.zt-cell__title,.zt-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-cell__title-content,.zt-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18}.zt-cell__value{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-cell__placeholder{color:#c8c9cc;-webkit-box-flex:9;-webkit-flex:9;flex:9;text-align:right}.zt-cell__value{position:relative;overflow:hidden;color:#2d4b73;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:20px;font-size:16px;line-height:20px}.zt-cell__left-icon{margin-right:4px}.zt-cell__right-icon{margin:auto 0;margin-left:4px;color:#969799}.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__direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background-color:#f5faff;font-size:14px;line-height:20px}.zt-cell__direction-column .zt-cell__title{margin-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-cell__direction-column .zt-cell__title-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-cell__direction-column .zt-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}.zt-cell__direction-column .zt-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}.zt-cell__direction-column .zt-cell__value .zt-icon{-webkit-box-flex:2;-webkit-flex:2;flex:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-cell__direction-column .zt-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18;word-break:break-all}.zt-cell__clickable{cursor:pointer}.zt-cell__clickable:active{background-color:rgba(0,0,0,.04)}
1
+ .zt-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:16px;line-height:20px;background-color:#fff}.zt-cell--noFlex{display:block}.zt-cell--noFlex .zt-cell__title{margin-bottom:10px;width:100%;max-width:100%}.zt-cell--borderless::after,.zt-cell:last-child::after{display:none}.zt-cell__label{margin-top:10px;color:#2d4b73;font-size:14px;line-height:18px}.zt-cell__title,.zt-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-cell__title-content,.zt-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18}.zt-cell__value{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-cell__placeholder{color:#c8c9cc;-webkit-box-flex:9;-webkit-flex:9;flex:9;text-align:right}.zt-cell__value{position:relative;overflow:hidden;color:#2d4b73;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:20px;font-size:16px;line-height:20px}.zt-cell__left-icon{margin-right:4px}.zt-cell__right-icon{margin:auto 0;margin-left:4px;color:#969799}.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__direction-row{position:relative}.zt-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)}.zt-cell__direction-row:last-child::after{display:none}.zt-cell__direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background-color:#f5faff;font-size:14px;line-height:20px}.zt-cell__direction-column .zt-cell__title{margin-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-cell__direction-column .zt-cell__title-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-cell__direction-column .zt-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}.zt-cell__direction-column .zt-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}.zt-cell__direction-column .zt-cell__value .zt-icon{-webkit-box-flex:2;-webkit-flex:2;flex:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-cell__direction-column .zt-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18;word-break:break-all}.zt-cell__clickable{cursor:pointer}.zt-cell__clickable:active{background-color:rgba(0,0,0,.04)}
package/es/cell/index.js CHANGED
@@ -144,7 +144,7 @@ function Cell(h, props, slots, ctx) {
144
144
  }
145
145
 
146
146
  return h("div", _mergeJSXProps([{
147
- "class": [bem(classes), direction === 'column' ? bem('direction-column') : '', clickable && direction !== 'column' ? bem('clickable') : ''],
147
+ "class": [bem(classes), direction === 'column' ? bem('direction-column') : bem('direction-row'), clickable && direction !== 'column' ? bem('clickable') : ''],
148
148
  "attrs": {
149
149
  "role": clickable ? 'button' : null,
150
150
  "tabindex": clickable ? 0 : null
@@ -108,6 +108,18 @@
108
108
  }
109
109
  }
110
110
 
111
+ .zt-cell__direction-row {
112
+ position: relative;
113
+
114
+ &::after {
115
+ .hairline-bottom(@cell-border-color, @padding-md);
116
+ }
117
+
118
+ &:last-child::after {
119
+ display: none;
120
+ }
121
+ }
122
+
111
123
  .zt-cell__direction-column {
112
124
  flex-direction: column;
113
125
  background-color: #f5faff;
@@ -144,12 +144,13 @@ export var TimePickerMixin = {
144
144
  props[key] = _this5[key];
145
145
  });
146
146
  return h(Picker, {
147
- "ref": "picker",
148
147
  "attrs": {
148
+ "show-picker": this.showPicker,
149
149
  "headers": this.headers,
150
150
  "columns": this.columns,
151
151
  "readonly": this.readonly
152
152
  },
153
+ "ref": "picker",
153
154
  "scopedSlots": this.$scopedSlots,
154
155
  "on": {
155
156
  "change": this.onChange,
package/es/index.js CHANGED
@@ -75,7 +75,7 @@ import Tag from './tag';
75
75
  import Timeline from './timeline';
76
76
  import Toast from './toast';
77
77
  import Uploader from './uploader';
78
- var version = '2.0.4';
78
+ var version = '2.0.5';
79
79
 
80
80
  function install(Vue) {
81
81
  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/list/index.css CHANGED
@@ -1 +1 @@
1
- .zt-list__error-text,.zt-list__finished-text,.zt-list__loading{color:#969799;font-size:14px;line-height:50px;text-align:center}.zt-list__placeholder{height:0;pointer-events:none}
1
+ .zt-list__error-text,.zt-list__finished-text,.zt-list__loading{color:#969799;font-size:14px;line-height:44px;text-align:center}.zt-list__placeholder{height:0;pointer-events:none}
@@ -117,7 +117,7 @@ export default createComponent({
117
117
  }
118
118
 
119
119
  var optionStyle = {
120
- height: this.itemHeight + "px",
120
+ height: this.itemHeight + 8 + "px",
121
121
  width: 1 / this.columnCounts * 100 + "%"
122
122
  };
123
123
  return this.options.map(function (option, index) {
@@ -1 +1 @@
1
- [class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}.zt-multiple-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none}.zt-multiple-picker__toolbar{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:8px 16px;border-top:1px solid rgba(45,75,115,.1)}.zt-multiple-picker__border{position:relative}.zt-multiple-picker__border::after{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-multiple-picker__cancel,.zt-multiple-picker__confirm{height:100%;padding:0 16px;font-size:14px;background-color:transparent;border:none;cursor:pointer}.zt-multiple-picker__cancel:active,.zt-multiple-picker__confirm:active{opacity:.7}.zt-multiple-picker__confirm{color:#0091fa;font-weight:700}.zt-multiple-picker__cancel{color:#000;font-weight:400}.zt-multiple-picker__title{font-weight:400;font-size:14px;line-height:20px;text-align:center;color:#2d4b73;opacity:.4;padding:12px 0;border-bottom:1px solid rgba(45,75,115,.1)}.zt-multiple-picker__header{width:100%;height:40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:14px;font-weight:400}.zt-multiple-picker__header>li{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;text-align:center}.zt-multiple-picker__options{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.zt-multiple-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;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;color:#0091fa;background-color:rgba(255,255,255,.9)}.zt-multiple-picker-options{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:scroll;font-size:14px}.zt-multiple-picker-options__wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;background-color:#fff;padding:12px 16px 4px 16px}.zt-multiple-picker-options__item{color:rgba(0,0,0,.6);padding:0 4px 8px 0;box-sizing:border-box;border-radius:2px;text-align:center;font-size:14px}.zt-multiple-picker-options__item .zt-ellipsis{height:28px;line-height:28px;border:1px solid rgba(45,75,115,.2);border-radius:18px}.zt-multiple-picker-options__item--disabled{cursor:not-allowed;opacity:.3}.zt-multiple-picker-options__item--last{padding-right:0}.zt-multiple-picker-options__item--selected .zt-ellipsis{background:rgba(0,145,250,.1);border:1px solid rgba(0,145,250,.6);border-radius:18px;color:#0091fa}
1
+ [class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}.zt-multiple-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none}.zt-multiple-picker__toolbar{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:8px 16px;border-top:1px solid rgba(45,75,115,.1)}.zt-multiple-picker__border{position:relative}.zt-multiple-picker__border::after{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-multiple-picker__cancel,.zt-multiple-picker__confirm{height:100%;padding:0 16px;font-size:14px;background-color:transparent;border:none;cursor:pointer}.zt-multiple-picker__cancel:active,.zt-multiple-picker__confirm:active{opacity:.7}.zt-multiple-picker__confirm{color:#0091fa;font-weight:700}.zt-multiple-picker__cancel{color:#000;font-weight:400}.zt-multiple-picker__title{font-weight:400;font-size:14px;line-height:20px;text-align:center;color:#2d4b73;opacity:.4;padding:12px 0;border-bottom:1px solid rgba(45,75,115,.1)}.zt-multiple-picker__header{width:100%;height:40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:14px;font-weight:400}.zt-multiple-picker__header>li{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;text-align:center}.zt-multiple-picker__options{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.zt-multiple-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;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;color:#0091fa;background-color:rgba(255,255,255,.9)}.zt-multiple-picker-options{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:scroll;font-size:14px}.zt-multiple-picker-options__wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;background-color:#fff;padding:12px 16px 4px 16px}.zt-multiple-picker-options__item{color:#2d4b73;padding:0 4px 8px 0;box-sizing:border-box;text-align:center;font-size:14px}.zt-multiple-picker-options__item .zt-ellipsis{line-height:20px;border-radius:18px;border:1px solid rgba(45,75,115,.2);padding:7px 16px;opacity:.6}.zt-multiple-picker-options__item--disabled{cursor:not-allowed;opacity:.3}.zt-multiple-picker-options__item--last{padding-right:0}.zt-multiple-picker-options__item--selected .zt-ellipsis{background:rgba(0,145,250,.1);border:1px solid rgba(0,145,250,.6);border-radius:18px;color:#0091fa;opacity:1}
@@ -149,7 +149,7 @@ export default createComponent({
149
149
  "block": true
150
150
  },
151
151
  "style": {
152
- marginLeft: "4px"
152
+ marginLeft: "8px"
153
153
  },
154
154
  "on": {
155
155
  "click": this.confirm
@@ -108,15 +108,15 @@
108
108
  color: @multiple-picker-option-text-color;
109
109
  padding: 0 4px 8px 0;
110
110
  box-sizing: border-box;
111
- border-radius: 2px;
112
111
  text-align: center;
113
112
  font-size: 14px;
114
113
 
115
114
  .zt-ellipsis {
116
- height: 28px;
117
- line-height: 28px;
118
- border: 1px solid rgba(45,75,115,0.20);
115
+ line-height: 20px;
119
116
  border-radius: 18px;
117
+ border: 1px solid rgba(45,75,115,0.20);
118
+ padding: 7px 16px;
119
+ opacity: 0.6;
120
120
  }
121
121
 
122
122
  &--disabled {
@@ -134,6 +134,7 @@
134
134
  border: 1px solid rgba(0,145,250,0.60);
135
135
  border-radius: 18px;
136
136
  color: #0091FA;
137
+ opacity: 1;
137
138
  }
138
139
  }
139
140
  }
@@ -282,7 +282,11 @@ export default createComponent({
282
282
  this.confirmIndex = this.currentIndex;
283
283
  },
284
284
  setConfirmIndex: function setConfirmIndex() {
285
- this.setIndex(this.confirmIndex, true);
285
+ if (this.confirmIndex || this.confirmIndex === 0) {
286
+ this.setIndex(this.confirmIndex, true);
287
+ } else {
288
+ this.setIndex(this.defaultIndex, true);
289
+ }
286
290
  }
287
291
  },
288
292
  render: function render() {
@@ -1 +1 @@
1
- [class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}.zt-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none}.zt-picker__toolbar{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:8px 16px 8px 16px;border-top:1px solid rgba(45,75,115,.1);position:relative}.zt-picker__border{position:relative}.zt-picker__border::after{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-picker__cancel,.zt-picker__confirm{height:100%;padding:0 16px;font-size:14px;background-color:transparent;border:none;cursor:pointer}.zt-picker__cancel:active,.zt-picker__confirm:active{opacity:.7}.zt-picker__confirm{color:#0091fa;font-weight:700}.zt-picker__cancel{color:#000;font-weight:400}.zt-picker__title{font-weight:400;font-size:14px;line-height:20px;text-align:center;color:#2d4b73;opacity:.4;padding:12px 0;border-bottom:1px solid rgba(45,75,115,.1)}.zt-picker__header{width:100%;height:40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:14px;font-weight:400}.zt-picker__header>li{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;text-align:center}.zt-picker__columns{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.zt-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;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;color:#0091fa;background-color:rgba(255,255,255,.9)}.zt-picker__frame{position:absolute;top:50%;right:16px;left:16px;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.zt-picker__background{position:absolute;width:100%;height:100%;opacity:.04;background-color:#000}.zt-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-image:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-repeat:no-repeat;background-position:top,bottom;-webkit-transform:translateZ(0);transform:translateZ(0);pointer-events:none}.zt-picker-column{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;font-size:14px}.zt-picker-column__wrapper{-webkit-transition-timing-function:cubic-bezier(.23,1,.68,1);transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-picker-column__item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:0 4px;color:#000}.zt-picker-column__item--disabled{cursor:not-allowed;opacity:.3}.zt-picker-column__item--selected{font-weight:700}
1
+ [class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}.zt-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none}.zt-picker__toolbar{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:8px 16px 8px 16px;border-top:1px solid rgba(45,75,115,.1);position:relative}.zt-picker__border{position:relative}.zt-picker__border::after{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-picker__cancel,.zt-picker__confirm{height:100%;padding:0 16px;font-size:14px;background-color:transparent;border:none;cursor:pointer}.zt-picker__cancel:active,.zt-picker__confirm:active{opacity:.7}.zt-picker__confirm{color:#0091fa;font-weight:700}.zt-picker__cancel{color:#000;font-weight:400}.zt-picker__title{font-weight:400;font-size:14px;line-height:20px;text-align:center;color:#2d4b73;opacity:.4;padding:12px 0;border-bottom:1px solid rgba(45,75,115,.1)}.zt-picker__header{width:100%;height:40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:14px;font-weight:400}.zt-picker__header>li{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;text-align:center}.zt-picker__columns{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.zt-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;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;color:#0091fa;background-color:rgba(255,255,255,.9)}.zt-picker__frame{position:absolute;top:50%;right:16px;left:16px;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.zt-picker__background{position:absolute;width:100%;height:100%;opacity:.04;background-color:#000}.zt-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-image:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-repeat:no-repeat;background-position:top,bottom;-webkit-transform:translateZ(0);transform:translateZ(0);pointer-events:none}.zt-picker-column{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;font-size:14px}.zt-picker-column__wrapper{-webkit-transition-timing-function:cubic-bezier(.23,1,.68,1);transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-picker-column__item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:0 4px;color:#2d4b73}.zt-picker-column__item--disabled{cursor:not-allowed;opacity:.3}.zt-picker-column__item--selected{font-weight:700}
@@ -84,9 +84,7 @@ export default createComponent({
84
84
  if (val) {
85
85
  this.$nextTick(function () {
86
86
  _this.children.forEach(function (child) {
87
- if (child.confirmIndex !== "") {
88
- child.setConfirmIndex();
89
- }
87
+ child.setConfirmIndex();
90
88
  });
91
89
  });
92
90
  }
@@ -346,7 +344,7 @@ export default createComponent({
346
344
  "block": true
347
345
  },
348
346
  "style": {
349
- marginLeft: "4px"
347
+ marginLeft: "8px"
350
348
  },
351
349
  "on": {
352
350
  "click": this.confirm
@@ -17,7 +17,7 @@ export var pickerProps = {
17
17
  },
18
18
  visibleItemCount: {
19
19
  type: [Number, String],
20
- default: 6
20
+ default: 5
21
21
  },
22
22
  swipeDuration: {
23
23
  type: [Number, String],
@@ -1 +1 @@
1
- .zt-pull-refresh{overflow:hidden;-webkit-user-select:none;user-select:none}.zt-pull-refresh__track{position:relative;height:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.zt-pull-refresh__head{position:absolute;left:0;width:100%;height:50px;overflow:hidden;color:#969799;font-size:14px;line-height:50px;text-align:center;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
1
+ .zt-pull-refresh{overflow:hidden;-webkit-user-select:none;user-select:none}.zt-pull-refresh__track{position:relative;height:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.zt-pull-refresh__head{position:absolute;left:0;width:100%;height:50px;overflow:hidden;color:#969799;font-size:14px;line-height:50px;text-align:center;-webkit-transform:translateY(-100%);transform:translateY(-100%);background:#f5faff}
@@ -21,5 +21,6 @@
21
21
  line-height: @pull-refresh-head-height;
22
22
  text-align: center;
23
23
  transform: translateY(-100%);
24
+ background: @pull-refresh-head-background;
24
25
  }
25
26
  }
package/es/style/base.css CHANGED
@@ -1 +1 @@
1
- html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=zt-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}.zt-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zt-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zt-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zt-clearfix::after{display:table;clear:both;content:''}[class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}@-webkit-keyframes zt-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes zt-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes zt-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes zt-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes zt-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes zt-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes zt-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes zt-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes zt-fade-in{from{opacity:0}to{opacity:1}}@keyframes zt-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes zt-fade-out{from{opacity:1}to{opacity:0}}@keyframes zt-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes zt-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes zt-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.zt-fade-enter-active{-webkit-animation:.3s zt-fade-in both ease-out;animation:.3s zt-fade-in both ease-out}.zt-fade-leave-active{-webkit-animation:.3s zt-fade-out both ease-in;animation:.3s zt-fade-out both ease-in}.zt-slide-up-enter-active{-webkit-animation:zt-slide-up-enter .3s both ease-out;animation:zt-slide-up-enter .3s both ease-out}.zt-slide-up-leave-active{-webkit-animation:zt-slide-up-leave .3s both ease-in;animation:zt-slide-up-leave .3s both ease-in}.zt-slide-down-enter-active{-webkit-animation:zt-slide-down-enter .3s both ease-out;animation:zt-slide-down-enter .3s both ease-out}.zt-slide-down-leave-active{-webkit-animation:zt-slide-down-leave .3s both ease-in;animation:zt-slide-down-leave .3s both ease-in}.zt-slide-left-enter-active{-webkit-animation:zt-slide-left-enter .3s both ease-out;animation:zt-slide-left-enter .3s both ease-out}.zt-slide-left-leave-active{-webkit-animation:zt-slide-left-leave .3s both ease-in;animation:zt-slide-left-leave .3s both ease-in}.zt-slide-right-enter-active{-webkit-animation:zt-slide-right-enter .3s both ease-out;animation:zt-slide-right-enter .3s both ease-out}.zt-slide-right-leave-active{-webkit-animation:zt-slide-right-leave .3s both ease-in;animation:zt-slide-right-leave .3s both ease-in}.half-border,.half-border-bottom,.half-border-left,.half-border-right,.half-border-top,.half-border-top-left{position:relative}.half-border-before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1}.half-border-bottom::before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;bottom:0;width:100%;height:1px;border-top:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.half-border-right::after{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;right:0;top:0;width:1px;height:100%;border-right:1px solid rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5)}.half-border-top::before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;top:0;width:100%;height:1px;border-top:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.half-border-left::after{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;top:0;width:1px;height:100%;border-left:1px solid rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5)}.half-border-top-left::before{content:" ";position:absolute;left:0;top:0;width:200%;height:200%;border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5);z-index:2}.half-border::before{content:" ";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid rgba(0,0,0,.1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5)}
1
+ html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=zt-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}.van-doc-demo-block .van-doc-demo-block__title{color:rgba(45,75,115,.6)}.zt-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zt-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zt-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zt-clearfix::after{display:table;clear:both;content:''}[class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}@-webkit-keyframes zt-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes zt-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes zt-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes zt-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes zt-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes zt-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes zt-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes zt-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes zt-fade-in{from{opacity:0}to{opacity:1}}@keyframes zt-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes zt-fade-out{from{opacity:1}to{opacity:0}}@keyframes zt-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes zt-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes zt-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.zt-fade-enter-active{-webkit-animation:.3s zt-fade-in both ease-out;animation:.3s zt-fade-in both ease-out}.zt-fade-leave-active{-webkit-animation:.3s zt-fade-out both ease-in;animation:.3s zt-fade-out both ease-in}.zt-slide-up-enter-active{-webkit-animation:zt-slide-up-enter .3s both ease-out;animation:zt-slide-up-enter .3s both ease-out}.zt-slide-up-leave-active{-webkit-animation:zt-slide-up-leave .3s both ease-in;animation:zt-slide-up-leave .3s both ease-in}.zt-slide-down-enter-active{-webkit-animation:zt-slide-down-enter .3s both ease-out;animation:zt-slide-down-enter .3s both ease-out}.zt-slide-down-leave-active{-webkit-animation:zt-slide-down-leave .3s both ease-in;animation:zt-slide-down-leave .3s both ease-in}.zt-slide-left-enter-active{-webkit-animation:zt-slide-left-enter .3s both ease-out;animation:zt-slide-left-enter .3s both ease-out}.zt-slide-left-leave-active{-webkit-animation:zt-slide-left-leave .3s both ease-in;animation:zt-slide-left-leave .3s both ease-in}.zt-slide-right-enter-active{-webkit-animation:zt-slide-right-enter .3s both ease-out;animation:zt-slide-right-enter .3s both ease-out}.zt-slide-right-leave-active{-webkit-animation:zt-slide-right-leave .3s both ease-in;animation:zt-slide-right-leave .3s both ease-in}.half-border,.half-border-bottom,.half-border-left,.half-border-right,.half-border-top,.half-border-top-left{position:relative}.half-border-before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1}.half-border-bottom::before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;bottom:0;width:100%;height:1px;border-top:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.half-border-right::after{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;right:0;top:0;width:1px;height:100%;border-right:1px solid rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5)}.half-border-top::before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;top:0;width:100%;height:1px;border-top:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.half-border-left::after{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;top:0;width:1px;height:100%;border-left:1px solid rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5)}.half-border-top-left::before{content:" ";position:absolute;left:0;top:0;width:200%;height:200%;border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5);z-index:2}.half-border::before{content:" ";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid rgba(0,0,0,.1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5)}
@@ -1 +1 @@
1
- html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=zt-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}
1
+ html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=zt-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}.van-doc-demo-block .van-doc-demo-block__title{color:rgba(45,75,115,.6)}
@@ -36,3 +36,9 @@ ul {
36
36
  padding: 0;
37
37
  list-style: none;
38
38
  }
39
+
40
+ .van-doc-demo-block {
41
+ .van-doc-demo-block__title {
42
+ color: @text-color-1;
43
+ }
44
+ }
package/es/style/var.less CHANGED
@@ -576,7 +576,7 @@
576
576
  // List
577
577
  @list-text-color: @gray-6;
578
578
  @list-text-font-size: @font-size-md;
579
- @list-text-line-height: 50px;
579
+ @list-text-line-height: 44px;
580
580
 
581
581
  // Loading
582
582
  @loading-text-color: @gray-a6;
@@ -681,14 +681,14 @@
681
681
  @picker-cancel-action-font-weight: @plain-font-weight;
682
682
  @picker-cancel-action-color: @black;
683
683
  @picker-option-font-size: @font-size-md;
684
- @picker-option-text-color: @black;
684
+ @picker-option-text-color: #2D4B73;
685
685
  @picker-option-disabled-opacity: 0.3;
686
686
  @picker-loading-icon-color: @blue;
687
687
  @picker-loading-mask-color: rgba(255, 255, 255, 0.9);
688
688
 
689
689
  // MultiplePicker
690
690
  @multiple-picker-warpper-padding: 12px 16px 4px 16px;
691
- @multiple-picker-option-text-color: @gray-a6;
691
+ @multiple-picker-option-text-color: #2D4B73;
692
692
 
693
693
  // Popover
694
694
  @popover-arrow-size: 5px;
@@ -730,6 +730,7 @@
730
730
  @pull-refresh-head-height: 50px;
731
731
  @pull-refresh-head-font-size: @font-size-md;
732
732
  @pull-refresh-head-text-color: @gray-6;
733
+ @pull-refresh-head-background:@background-color;
733
734
 
734
735
  // Radio
735
736
  @radio-size: 20px;
@@ -896,16 +897,20 @@
896
897
  @switch-width: 2.16em;
897
898
  @switch-height: 1.16em;
898
899
  @switch-border-radius: 0.58em;
899
- @switch-node-size: 1em;
900
+ @switch-node-size: 0.9em;
900
901
  @switch-gap: 0.08em;
901
902
  @switch-node-background-color: @white;
902
- @switch-node-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05),
903
- 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
904
- @switch-background-color: @gray-a1;
903
+ @switch-node-box-shadow: 1px 1px 4px 0 rgba(45,75,115,0.20);
904
+ @switch-background-color: #FAFAFF;
905
905
  @switch-on-background-color: @blue;
906
+ @switch-on-background-image: linear-gradient(135deg, #DCE1EB 0%, #FFFFFF 100%);
907
+ @switch-on-shadow: -2px 2px 4px 0 rgba(45,75,115,0.40);
906
908
  @switch-transition-duration: @animation-duration-base;
907
909
  @switch-disabled-opacity: @disabled-opacity;
908
910
  @switch-border: @border-width-base solid rgba(0, 0, 0, 0.1);
911
+ @switch-background-shadow: inset 2px 2px 8px 0 rgba(45,75,115,0.20);
912
+ @switch-node-background-image: linear-gradient(135deg, #E6EDF0 0%, #FFFFFF 100%, #FFFFFF 100%);
913
+ @switch-node-border: 1px solid rgba(255,255,255,0.60);
909
914
 
910
915
  // SwitchCell
911
916
  @switch-cell-padding-top: @cell-vertical-padding - 1px;
@@ -1 +1 @@
1
- .zt-switch{position:relative;display:inline-block;box-sizing:content-box;width:2.16em;height:1.16em;font-size:24px;background-color:rgba(0,0,0,.1);border-radius:.58em;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.zt-switch__node{position:absolute;top:.08em;left:.08em;width:1em;height:1em;background-color:#fff;border-radius:100%;box-shadow:0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);-webkit-transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05),-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05)}.zt-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.zt-switch--on{background-color:#0091fa}.zt-switch--on .zt-switch__node{-webkit-transform:translateX(1em);transform:translateX(1em)}.zt-switch--on .zt-switch__loading{color:#0091fa}.zt-switch--disabled{cursor:not-allowed;opacity:.4}.zt-switch--loading{cursor:default}
1
+ .zt-switch{position:relative;display:inline-block;box-sizing:content-box;width:2.16em;height:1.16em;font-size:24px;background-color:#fafaff;box-shadow:inset 2px 2px 8px 0 rgba(45,75,115,.2);border-radius:.58em;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.zt-switch__node{position:absolute;top:.08em;left:.08em;width:.9em;height:.9em;background-color:#fff;background-image:-webkit-linear-gradient(315deg,#e6edf0 0,#fff 100%,#fff 100%);background-image:linear-gradient(135deg,#e6edf0 0,#fff 100%,#fff 100%);border-radius:100%;border:1px solid rgba(255,255,255,.6);box-shadow:1px 1px 4px 0 rgba(45,75,115,.2);-webkit-transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05),-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05)}.zt-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.zt-switch--on{background-color:#0091fa}.zt-switch--on .zt-switch__node{-webkit-transform:translateX(1em);transform:translateX(1em);background-image:-webkit-linear-gradient(315deg,#dce1eb 0,#fff 100%);background-image:linear-gradient(135deg,#dce1eb 0,#fff 100%);box-shadow:-2px 2px 4px 0 rgba(45,75,115,.4)}.zt-switch--on .zt-switch__loading{color:#0091fa}.zt-switch--disabled{cursor:not-allowed;opacity:.4}.zt-switch--loading{cursor:default}
@@ -8,6 +8,7 @@
8
8
  height: @switch-height;
9
9
  font-size: @switch-size;
10
10
  background-color: @switch-background-color;
11
+ box-shadow: @switch-background-shadow;
11
12
  border-radius: @switch-border-radius;
12
13
  cursor: pointer;
13
14
  transition: background-color @switch-transition-duration;
@@ -19,7 +20,9 @@
19
20
  width: @switch-node-size;
20
21
  height: @switch-node-size;
21
22
  background-color: @switch-node-background-color;
23
+ background-image: @switch-node-background-image;
22
24
  border-radius: 100%;
25
+ border: @switch-node-border;
23
26
  box-shadow: @switch-node-box-shadow;
24
27
  transition: transform @switch-transition-duration
25
28
  cubic-bezier(0.3, 1.05, 0.4, 1.05);
@@ -37,7 +40,9 @@
37
40
  background-color: @switch-on-background-color;
38
41
 
39
42
  .zt-switch__node {
40
- transform: translateX(@switch-width - @switch-node-size - 2*@switch-gap);
43
+ transform: translateX(@switch-width - @switch-node-size - 2*@switch-gap - 0.1em);
44
+ background-image: @switch-on-background-image;
45
+ box-shadow: @switch-on-shadow;
41
46
  }
42
47
 
43
48
  .zt-switch__loading {
@@ -1 +1 @@
1
- .zt-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:16px;line-height:20px;background-color:#fff}.zt-cell--noFlex{display:block}.zt-cell--noFlex .zt-cell__title{margin-bottom:10px;width:100%;max-width:100%}.zt-cell--borderless::after,.zt-cell:last-child::after{display:none}.zt-cell__label{margin-top:10px;color:#2d4b73;font-size:14px;line-height:18px}.zt-cell__title,.zt-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-cell__title-content,.zt-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18}.zt-cell__value{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-cell__placeholder{color:#c8c9cc;-webkit-box-flex:9;-webkit-flex:9;flex:9;text-align:right}.zt-cell__value{position:relative;overflow:hidden;color:#2d4b73;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:20px;font-size:16px;line-height:20px}.zt-cell__left-icon{margin-right:4px}.zt-cell__right-icon{margin:auto 0;margin-left:4px;color:#969799}.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__direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background-color:#f5faff;font-size:14px;line-height:20px}.zt-cell__direction-column .zt-cell__title{margin-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-cell__direction-column .zt-cell__title-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-cell__direction-column .zt-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}.zt-cell__direction-column .zt-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}.zt-cell__direction-column .zt-cell__value .zt-icon{-webkit-box-flex:2;-webkit-flex:2;flex:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-cell__direction-column .zt-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18;word-break:break-all}.zt-cell__clickable{cursor:pointer}.zt-cell__clickable:active{background-color:rgba(0,0,0,.04)}
1
+ .zt-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:16px;line-height:20px;background-color:#fff}.zt-cell--noFlex{display:block}.zt-cell--noFlex .zt-cell__title{margin-bottom:10px;width:100%;max-width:100%}.zt-cell--borderless::after,.zt-cell:last-child::after{display:none}.zt-cell__label{margin-top:10px;color:#2d4b73;font-size:14px;line-height:18px}.zt-cell__title,.zt-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-cell__title-content,.zt-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18}.zt-cell__value{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-cell__placeholder{color:#c8c9cc;-webkit-box-flex:9;-webkit-flex:9;flex:9;text-align:right}.zt-cell__value{position:relative;overflow:hidden;color:#2d4b73;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:20px;font-size:16px;line-height:20px}.zt-cell__left-icon{margin-right:4px}.zt-cell__right-icon{margin:auto 0;margin-left:4px;color:#969799}.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__direction-row{position:relative}.zt-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)}.zt-cell__direction-row:last-child::after{display:none}.zt-cell__direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background-color:#f5faff;font-size:14px;line-height:20px}.zt-cell__direction-column .zt-cell__title{margin-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-cell__direction-column .zt-cell__title-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-cell__direction-column .zt-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}.zt-cell__direction-column .zt-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}.zt-cell__direction-column .zt-cell__value .zt-icon{-webkit-box-flex:2;-webkit-flex:2;flex:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-cell__direction-column .zt-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18;word-break:break-all}.zt-cell__clickable{cursor:pointer}.zt-cell__clickable:active{background-color:rgba(0,0,0,.04)}
package/lib/cell/index.js CHANGED
@@ -157,7 +157,7 @@ function Cell(h, props, slots, ctx) {
157
157
  }
158
158
 
159
159
  return h("div", (0, _babelHelperVueJsxMergeProps.default)([{
160
- "class": [bem(classes), direction === 'column' ? bem('direction-column') : '', clickable && direction !== 'column' ? bem('clickable') : ''],
160
+ "class": [bem(classes), direction === 'column' ? bem('direction-column') : bem('direction-row'), clickable && direction !== 'column' ? bem('clickable') : ''],
161
161
  "attrs": {
162
162
  "role": clickable ? 'button' : null,
163
163
  "tabindex": clickable ? 0 : null
@@ -108,6 +108,18 @@
108
108
  }
109
109
  }
110
110
 
111
+ .zt-cell__direction-row {
112
+ position: relative;
113
+
114
+ &::after {
115
+ .hairline-bottom(@cell-border-color, @padding-md);
116
+ }
117
+
118
+ &:last-child::after {
119
+ display: none;
120
+ }
121
+ }
122
+
111
123
  .zt-cell__direction-column {
112
124
  flex-direction: column;
113
125
  background-color: #f5faff;
@@ -158,12 +158,13 @@ var TimePickerMixin = {
158
158
  props[key] = _this5[key];
159
159
  });
160
160
  return h(_picker.default, {
161
- "ref": "picker",
162
161
  "attrs": {
162
+ "show-picker": this.showPicker,
163
163
  "headers": this.headers,
164
164
  "columns": this.columns,
165
165
  "readonly": this.readonly
166
166
  },
167
+ "ref": "picker",
167
168
  "scopedSlots": this.$scopedSlots,
168
169
  "on": {
169
170
  "change": this.onChange,