zartui 2.0.4 → 2.0.7

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 (60) hide show
  1. package/es/cascader/index.css +1 -1
  2. package/es/cascader/index.js +18 -16
  3. package/es/cascader/index.less +20 -11
  4. package/es/cascader/style/index.js +2 -0
  5. package/es/cascader/style/less.js +2 -0
  6. package/es/cell/index.css +1 -1
  7. package/es/cell/index.js +1 -1
  8. package/es/cell/index.less +12 -0
  9. package/es/datetime-picker/shared.js +2 -1
  10. package/es/field/index.js +9 -3
  11. package/es/index.js +1 -1
  12. package/es/list/index.css +1 -1
  13. package/es/multiple-picker/MultiplePickerOptions.js +1 -1
  14. package/es/multiple-picker/index.css +1 -1
  15. package/es/multiple-picker/index.js +1 -1
  16. package/es/multiple-picker/index.less +5 -4
  17. package/es/picker/PickerColumn.js +5 -1
  18. package/es/picker/index.css +1 -1
  19. package/es/picker/index.js +2 -4
  20. package/es/picker/shared.js +1 -1
  21. package/es/pull-refresh/index.css +1 -1
  22. package/es/pull-refresh/index.less +1 -0
  23. package/es/style/base.css +1 -1
  24. package/es/style/normalize.css +1 -1
  25. package/es/style/normalize.less +6 -0
  26. package/es/style/var.less +17 -14
  27. package/es/switch/index.css +1 -1
  28. package/es/switch/index.less +6 -1
  29. package/lib/cascader/index.css +1 -1
  30. package/lib/cascader/index.js +19 -16
  31. package/lib/cascader/index.less +20 -11
  32. package/lib/cascader/style/index.js +2 -0
  33. package/lib/cascader/style/less.js +2 -0
  34. package/lib/cell/index.css +1 -1
  35. package/lib/cell/index.js +1 -1
  36. package/lib/cell/index.less +12 -0
  37. package/lib/datetime-picker/shared.js +2 -1
  38. package/lib/field/index.js +9 -3
  39. package/lib/index.css +1 -1
  40. package/lib/index.js +1 -1
  41. package/lib/list/index.css +1 -1
  42. package/lib/multiple-picker/MultiplePickerOptions.js +1 -1
  43. package/lib/multiple-picker/index.css +1 -1
  44. package/lib/multiple-picker/index.js +1 -1
  45. package/lib/multiple-picker/index.less +5 -4
  46. package/lib/picker/PickerColumn.js +5 -1
  47. package/lib/picker/index.css +1 -1
  48. package/lib/picker/index.js +2 -4
  49. package/lib/picker/shared.js +1 -1
  50. package/lib/pull-refresh/index.css +1 -1
  51. package/lib/pull-refresh/index.less +1 -0
  52. package/lib/style/base.css +1 -1
  53. package/lib/style/normalize.css +1 -1
  54. package/lib/style/normalize.less +6 -0
  55. package/lib/style/var.less +17 -14
  56. package/lib/switch/index.css +1 -1
  57. package/lib/switch/index.less +6 -1
  58. package/lib/zart.js +41 -30
  59. package/lib/zart.min.js +1 -1
  60. package/package.json +1 -1
package/lib/index.js CHANGED
@@ -313,7 +313,7 @@ exports.Toast = _toast.default;
313
313
  var _uploader = _interopRequireDefault(require("./uploader"));
314
314
 
315
315
  exports.Uploader = _uploader.default;
316
- var version = '2.0.4';
316
+ var version = '2.0.7';
317
317
  exports.version = version;
318
318
 
319
319
  function install(Vue) {
@@ -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}
@@ -125,7 +125,7 @@ var _default2 = createComponent({
125
125
  }
126
126
 
127
127
  var optionStyle = {
128
- height: this.itemHeight + "px",
128
+ height: this.itemHeight + 8 + "px",
129
129
  width: 1 / this.columnCounts * 100 + "%"
130
130
  };
131
131
  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}
@@ -165,7 +165,7 @@ var _default2 = createComponent({
165
165
  "block": true
166
166
  },
167
167
  "style": {
168
- marginLeft: "4px"
168
+ marginLeft: "8px"
169
169
  },
170
170
  "on": {
171
171
  "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
  }
@@ -294,7 +294,11 @@ var _default2 = createComponent({
294
294
  this.confirmIndex = this.currentIndex;
295
295
  },
296
296
  setConfirmIndex: function setConfirmIndex() {
297
- this.setIndex(this.confirmIndex, true);
297
+ if (this.confirmIndex || this.confirmIndex === 0) {
298
+ this.setIndex(this.confirmIndex, true);
299
+ } else {
300
+ this.setIndex(this.defaultIndex, true);
301
+ }
298
302
  }
299
303
  },
300
304
  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}
@@ -100,9 +100,7 @@ var _default2 = createComponent({
100
100
  if (val) {
101
101
  this.$nextTick(function () {
102
102
  _this.children.forEach(function (child) {
103
- if (child.confirmIndex !== "") {
104
- child.setConfirmIndex();
105
- }
103
+ child.setConfirmIndex();
106
104
  });
107
105
  });
108
106
  }
@@ -362,7 +360,7 @@ var _default2 = createComponent({
362
360
  "block": true
363
361
  },
364
362
  "style": {
365
- marginLeft: "4px"
363
+ marginLeft: "8px"
366
364
  },
367
365
  "on": {
368
366
  "click": this.confirm
@@ -22,7 +22,7 @@ var pickerProps = {
22
22
  },
23
23
  visibleItemCount: {
24
24
  type: [Number, String],
25
- default: 6
25
+ default: 5
26
26
  },
27
27
  swipeDuration: {
28
28
  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
  }
@@ -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
+ }
@@ -257,17 +257,15 @@
257
257
 
258
258
  // Cascader
259
259
  @cascader-header-height: 44px;
260
- @cascader-title-font-size: @font-size-lg;
260
+ @cascader-title-font-size: @font-size-md;
261
261
  @cascader-title-line-height: 44px;
262
- @cascader-close-icon-size: 20px;
263
- @cascader-close-icon-color: @gray-a4;
264
- @cascader-close-icon-active-color: @gray-a6;
262
+ @cascader-title-color: rgba(45, 75, 115, 0.4);
265
263
  @cascader-selected-icon-size: 24px;
266
- @cascader-tabs-height: 48px;
264
+ @cascader-tabs-height: 44px;
267
265
  @cascader-active-color: @blue;
268
266
  @cascader-options-height: 352px;
269
- @cascader-tab-color: @black;
270
- @cascader-unselected-tab-color: @gray-a4;
267
+ @cascader-tab-color: rgba(45, 75, 115, 1);
268
+ @cascader-unselected-tab-color: rgba(45, 75, 115, 0.4);
271
269
 
272
270
  // Cell
273
271
  @cell-font-size: @font-size-lg;
@@ -576,7 +574,7 @@
576
574
  // List
577
575
  @list-text-color: @gray-6;
578
576
  @list-text-font-size: @font-size-md;
579
- @list-text-line-height: 50px;
577
+ @list-text-line-height: 44px;
580
578
 
581
579
  // Loading
582
580
  @loading-text-color: @gray-a6;
@@ -681,14 +679,14 @@
681
679
  @picker-cancel-action-font-weight: @plain-font-weight;
682
680
  @picker-cancel-action-color: @black;
683
681
  @picker-option-font-size: @font-size-md;
684
- @picker-option-text-color: @black;
682
+ @picker-option-text-color: #2D4B73;
685
683
  @picker-option-disabled-opacity: 0.3;
686
684
  @picker-loading-icon-color: @blue;
687
685
  @picker-loading-mask-color: rgba(255, 255, 255, 0.9);
688
686
 
689
687
  // MultiplePicker
690
688
  @multiple-picker-warpper-padding: 12px 16px 4px 16px;
691
- @multiple-picker-option-text-color: @gray-a6;
689
+ @multiple-picker-option-text-color: #2D4B73;
692
690
 
693
691
  // Popover
694
692
  @popover-arrow-size: 5px;
@@ -730,6 +728,7 @@
730
728
  @pull-refresh-head-height: 50px;
731
729
  @pull-refresh-head-font-size: @font-size-md;
732
730
  @pull-refresh-head-text-color: @gray-6;
731
+ @pull-refresh-head-background:@background-color;
733
732
 
734
733
  // Radio
735
734
  @radio-size: 20px;
@@ -896,16 +895,20 @@
896
895
  @switch-width: 2.16em;
897
896
  @switch-height: 1.16em;
898
897
  @switch-border-radius: 0.58em;
899
- @switch-node-size: 1em;
898
+ @switch-node-size: 0.9em;
900
899
  @switch-gap: 0.08em;
901
900
  @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;
901
+ @switch-node-box-shadow: 1px 1px 4px 0 rgba(45,75,115,0.20);
902
+ @switch-background-color: #FAFAFF;
905
903
  @switch-on-background-color: @blue;
904
+ @switch-on-background-image: linear-gradient(135deg, #DCE1EB 0%, #FFFFFF 100%);
905
+ @switch-on-shadow: -2px 2px 4px 0 rgba(45,75,115,0.40);
906
906
  @switch-transition-duration: @animation-duration-base;
907
907
  @switch-disabled-opacity: @disabled-opacity;
908
908
  @switch-border: @border-width-base solid rgba(0, 0, 0, 0.1);
909
+ @switch-background-shadow: inset 2px 2px 8px 0 rgba(45,75,115,0.20);
910
+ @switch-node-background-image: linear-gradient(135deg, #E6EDF0 0%, #FFFFFF 100%, #FFFFFF 100%);
911
+ @switch-node-border: 1px solid rgba(255,255,255,0.60);
909
912
 
910
913
  // SwitchCell
911
914
  @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 {
package/lib/zart.js CHANGED
@@ -24185,7 +24185,7 @@ var pickerProps = {
24185
24185
  },
24186
24186
  visibleItemCount: {
24187
24187
  type: [Number, String],
24188
- default: 6
24188
+ default: 5
24189
24189
  },
24190
24190
  swipeDuration: {
24191
24191
  type: [Number, String],
@@ -24564,7 +24564,11 @@ function isOptionDisabled(option) {
24564
24564
  this.confirmIndex = this.currentIndex;
24565
24565
  },
24566
24566
  setConfirmIndex: function setConfirmIndex() {
24567
- this.setIndex(this.confirmIndex, true);
24567
+ if (this.confirmIndex || this.confirmIndex === 0) {
24568
+ this.setIndex(this.confirmIndex, true);
24569
+ } else {
24570
+ this.setIndex(this.defaultIndex, true);
24571
+ }
24568
24572
  }
24569
24573
  },
24570
24574
  render: function render() {
@@ -24925,9 +24929,7 @@ var picker_createNamespace = Object(utils["b" /* createNamespace */])('picker'),
24925
24929
  if (val) {
24926
24930
  this.$nextTick(function () {
24927
24931
  _this.children.forEach(function (child) {
24928
- if (child.confirmIndex !== "") {
24929
- child.setConfirmIndex();
24930
- }
24932
+ child.setConfirmIndex();
24931
24933
  });
24932
24934
  });
24933
24935
  }
@@ -25187,7 +25189,7 @@ var picker_createNamespace = Object(utils["b" /* createNamespace */])('picker'),
25187
25189
  "block": true
25188
25190
  },
25189
25191
  "style": {
25190
- marginLeft: "4px"
25192
+ marginLeft: "8px"
25191
25193
  },
25192
25194
  "on": {
25193
25195
  "click": this.confirm
@@ -28968,6 +28970,7 @@ Divider.props = {
28968
28970
 
28969
28971
 
28970
28972
 
28973
+
28971
28974
  var cascader_createNamespace = Object(utils["b" /* createNamespace */])('cascader'),
28972
28975
  cascader_createComponent = cascader_createNamespace[0],
28973
28976
  cascader_bem = cascader_createNamespace[1],
@@ -28985,10 +28988,6 @@ var cascader_createNamespace = Object(utils["b" /* createNamespace */])('cascade
28985
28988
  default: function _default() {
28986
28989
  return [];
28987
28990
  }
28988
- },
28989
- closeable: {
28990
- type: Boolean,
28991
- default: true
28992
28991
  }
28993
28992
  },
28994
28993
  data: function data() {
@@ -29144,8 +29143,8 @@ var cascader_createNamespace = Object(utils["b" /* createNamespace */])('cascade
29144
29143
  this.$emit('finish', eventParams);
29145
29144
  }
29146
29145
  },
29147
- onClose: function onClose() {
29148
- this.$emit('close');
29146
+ onCancel: function onCancel() {
29147
+ this.$emit('cancel');
29149
29148
  },
29150
29149
  renderHeader: function renderHeader() {
29151
29150
  var h = this.$createElement;
@@ -29153,15 +29152,7 @@ var cascader_createNamespace = Object(utils["b" /* createNamespace */])('cascade
29153
29152
  "class": cascader_bem('header')
29154
29153
  }, [h("h2", {
29155
29154
  "class": cascader_bem('title')
29156
- }, [this.slots('title') || this.title]), this.closeable ? h(es_icon, {
29157
- "attrs": {
29158
- "name": "cross"
29159
- },
29160
- "class": cascader_bem('close-icon'),
29161
- "on": {
29162
- "click": this.onClose
29163
- }
29164
- }) : null]);
29155
+ }, [this.slots('title') || this.title])]);
29165
29156
  },
29166
29157
  renderDivider: function renderDivider() {
29167
29158
  var h = this.$createElement;
@@ -29239,13 +29230,26 @@ var cascader_createNamespace = Object(utils["b" /* createNamespace */])('cascade
29239
29230
  }
29240
29231
  }
29241
29232
  }, [this.tabs.map(this.renderTab)]);
29233
+ },
29234
+ renderMenu: function renderMenu() {
29235
+ var h = this.$createElement;
29236
+ return h(es_button, {
29237
+ "class": cascader_bem('cancel'),
29238
+ "attrs": {
29239
+ "background-color": "rgba(45, 75, 115, 0.04)",
29240
+ "color": "#2D4B73"
29241
+ },
29242
+ "on": {
29243
+ "click": this.onCancel
29244
+ }
29245
+ }, ["\u53D6\u6D88"]);
29242
29246
  }
29243
29247
  },
29244
29248
  render: function render() {
29245
29249
  var h = arguments[0];
29246
29250
  return h("div", {
29247
29251
  "class": cascader_bem()
29248
- }, [this.renderHeader(), this.renderDivider(), this.renderTabs()]);
29252
+ }, [this.renderHeader(), this.renderDivider(), this.renderTabs(), this.renderDivider(), this.renderMenu()]);
29249
29253
  }
29250
29254
  }));
29251
29255
  // CONCATENATED MODULE: ./es/cell/shared.js
@@ -29427,7 +29431,7 @@ function Cell(h, props, slots, ctx) {
29427
29431
  }
29428
29432
 
29429
29433
  return h("div", helper_default()([{
29430
- "class": [cell_bem(classes), direction === 'column' ? cell_bem('direction-column') : '', clickable && direction !== 'column' ? cell_bem('clickable') : ''],
29434
+ "class": [cell_bem(classes), direction === 'column' ? cell_bem('direction-column') : cell_bem('direction-row'), clickable && direction !== 'column' ? cell_bem('clickable') : ''],
29431
29435
  "attrs": {
29432
29436
  "role": clickable ? 'button' : null,
29433
29437
  "tabindex": clickable ? 0 : null
@@ -30483,12 +30487,13 @@ var TimePickerMixin = {
30483
30487
  props[key] = _this5[key];
30484
30488
  });
30485
30489
  return h(picker, {
30486
- "ref": "picker",
30487
30490
  "attrs": {
30491
+ "show-picker": this.showPicker,
30488
30492
  "headers": this.headers,
30489
30493
  "columns": this.columns,
30490
30494
  "readonly": this.readonly
30491
30495
  },
30496
+ "ref": "picker",
30492
30497
  "scopedSlots": this.$scopedSlots,
30493
30498
  "on": {
30494
30499
  "change": this.onChange,
@@ -36191,9 +36196,15 @@ var field_createNamespace = Object(utils["b" /* createNamespace */])('field'),
36191
36196
  var slots = this.slots;
36192
36197
  var disabled = this.getProp('disabled');
36193
36198
  var labelAlign = this.getProp('labelAlign');
36194
- var scopedSlots = {
36195
- icon: this.genLeftIcon
36196
- };
36199
+ var scopedSlots = {};
36200
+ var SlotIcon = this.genLeftIcon();
36201
+
36202
+ if (SlotIcon) {
36203
+ scopedSlots.icon = function () {
36204
+ return SlotIcon;
36205
+ };
36206
+ }
36207
+
36197
36208
  var Label = this.genLabel();
36198
36209
 
36199
36210
  if (Label) {
@@ -44734,7 +44745,7 @@ function MultiplePickerOptions_isOptionDisabled(option) {
44734
44745
  }
44735
44746
 
44736
44747
  var optionStyle = {
44737
- height: this.itemHeight + "px",
44748
+ height: this.itemHeight + 8 + "px",
44738
44749
  width: 1 / this.columnCounts * 100 + "%"
44739
44750
  };
44740
44751
  return this.options.map(function (option, index) {
@@ -44934,7 +44945,7 @@ var multiple_picker_createNamespace = Object(utils["b" /* createNamespace */])('
44934
44945
  "block": true
44935
44946
  },
44936
44947
  "style": {
44937
- marginLeft: "4px"
44948
+ marginLeft: "8px"
44938
44949
  },
44939
44950
  "on": {
44940
44951
  "click": this.confirm
@@ -52597,7 +52608,7 @@ var uploader_createNamespace = Object(utils["b" /* createNamespace */])('uploade
52597
52608
 
52598
52609
 
52599
52610
 
52600
- var version = '2.0.4';
52611
+ var version = '2.0.7';
52601
52612
 
52602
52613
  function install(Vue) {
52603
52614
  var components = [action_sheet, es_area, avatar, back_top, badge, es_button, calendar, cascader, cell, cell_group, es_checkbox, checkbox_group, col, collapse, collapse_item, count_down, datetime_picker, dialog, divider, dropdown_item, dropdown_menu, empty, es_field, fold_dialog, es_form, grid, grid_item, hierarchy_select, es_icon, es_image, image_preview, index_anchor, index_bar, es_info, lazyload, es_list, es_loading, locale["a" /* default */], media_picker, media_player, multiple_picker, nav_bar, notice_bar, number_keyboard, es_overlay, password_input, pdf_viewer, picker, popover, popup, pull_refresh, es_radio, radio_group, rate, row, search, signature, skeleton, slider, es_step, stepper, es_steps, es_sticky, swipe, swipe_cell, swipe_item, es_switch, switch_cell, tab, tabbar, tabbar_item, table, tabs, es_tag, timeline, es_toast, uploader];