zartui 2.0.41 → 2.0.43

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.
@@ -549,7 +549,8 @@ export default createComponent({
549
549
  "position": this.position,
550
550
  "getContainer": this.getContainer,
551
551
  "closeOnPopstate": this.closeOnPopstate,
552
- "closeOnClickOverlay": this.closeOnClickOverlay
552
+ "closeOnClickOverlay": this.closeOnClickOverlay,
553
+ "safeAreaInsetBottom": this.safeAreaInsetBottom
553
554
  },
554
555
  "on": {
555
556
  "input": this.togglePopup,
@@ -40,6 +40,10 @@ export default createComponent({
40
40
  getContainer: {
41
41
  type: [String, Function],
42
42
  default: 'body'
43
+ },
44
+ safeAreaInsetBottom: {
45
+ type: Boolean,
46
+ default: false
43
47
  }
44
48
  },
45
49
  data: function data() {
@@ -321,10 +325,10 @@ export default createComponent({
321
325
  "round": true,
322
326
  "position": "bottom",
323
327
  "getContainer": this.getContainer,
324
- "safe-area-inset-bottom": true,
325
328
  "closeOnPopstate": this.closeOnPopstate,
326
329
  "closeOnClickOverlay": this.closeOnClickOverlay,
327
- "customOnClickOverlay": this.onClickOverlay
330
+ "customOnClickOverlay": this.onClickOverlay,
331
+ "safeAreaInsetBottom": this.safeAreaInsetBottom
328
332
  }
329
333
  }, [this.renderCascade()]);
330
334
  }
package/es/index.js CHANGED
@@ -74,7 +74,7 @@ import Tag from './tag';
74
74
  import Timeline from './timeline';
75
75
  import Toast from './toast';
76
76
  import Uploader from './uploader';
77
- var version = '2.0.41';
77
+ var version = '2.0.43';
78
78
 
79
79
  function install(Vue) {
80
80
  var components = [ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, Grid, GridItem, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MediaPicker, MediaPlayer, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Timeline, Toast, Uploader];
@@ -8,7 +8,6 @@ import Loading from '../loading';
8
8
  import MultiplePickerOptions from './MultiplePickerOptions';
9
9
  import Popup from '../popup';
10
10
  import { PopupMixin } from '../mixins/popup';
11
- import { deepClone } from '../utils/deep-clone';
12
11
  import Button from '../button';
13
12
 
14
13
  var _createNamespace = createNamespace('multiple-picker'),
@@ -46,6 +45,10 @@ export default createComponent({
46
45
  columnCounts: {
47
46
  type: Number,
48
47
  default: 3
48
+ },
49
+ safeAreaInsetBottom: {
50
+ type: Boolean,
51
+ default: false
49
52
  }
50
53
  }),
51
54
  data: function data() {
@@ -231,7 +234,8 @@ export default createComponent({
231
234
  "closeOnPopstate": this.closeOnPopstate,
232
235
  "closeOnClickOverlay": this.closeOnClickOverlay,
233
236
  "customOnClickOverlay": this.onClickOverlay,
234
- "getContainer": this.getContainer
237
+ "getContainer": this.getContainer,
238
+ "safeAreaInsetBottom": this.safeAreaInsetBottom
235
239
  }
236
240
  }, [h("div", {
237
241
  "class": bem(),
@@ -23,6 +23,10 @@ export default createComponent({
23
23
  type: Boolean,
24
24
  default: true
25
25
  },
26
+ safeAreaInsetBottom: {
27
+ type: Boolean,
28
+ default: false
29
+ },
26
30
  defaultIndex: {
27
31
  type: [Number, String],
28
32
  default: 0
@@ -30,5 +30,9 @@ export var pickerProps = {
30
30
  closeOnClickOverlay: {
31
31
  type: Boolean,
32
32
  default: true
33
+ },
34
+ safeAreaInsetBottom: {
35
+ type: Boolean,
36
+ default: false
33
37
  }
34
38
  };
@@ -7,8 +7,6 @@ var _createNamespace = createNamespace('timeline'),
7
7
  bem = _createNamespace[1];
8
8
 
9
9
  import Switch from "../switch";
10
- import PassIcon from "./svg/pass";
11
- import CurrentIcon from "./svg/current";
12
10
 
13
11
  var defaultData = function defaultData() {
14
12
  return {
@@ -60,16 +58,24 @@ export default createComponent({
60
58
  return defaultData();
61
59
  },
62
60
  computed: {},
63
- watch: {},
61
+ watch: {
62
+ processes: {
63
+ deep: true,
64
+ handler: "updateProcess"
65
+ }
66
+ },
64
67
  mounted: function mounted() {
65
68
  this.isFold = this.defaultFold;
66
- this.computedProcesses = this.processes.map(function (v) {
67
- return _extends({}, v, {
68
- folded: false
69
- });
70
- });
69
+ this.updateProcess();
71
70
  },
72
71
  methods: {
72
+ updateProcess: function updateProcess() {
73
+ this.computedProcesses = this.processes.map(function (v) {
74
+ return _extends({}, v, {
75
+ folded: false
76
+ });
77
+ });
78
+ },
73
79
  genProcesses: function genProcesses() {
74
80
  var _this = this;
75
81
 
@@ -84,7 +90,7 @@ export default createComponent({
84
90
  });
85
91
  }
86
92
  },
87
- genAvatar: function genAvatar(item, avatarSlot, isLast) {
93
+ genAvatar: function genAvatar(item, avatarSlot) {
88
94
  var h = this.$createElement;
89
95
 
90
96
  if (avatarSlot) {
@@ -103,11 +109,13 @@ export default createComponent({
103
109
  }
104
110
  }) : h("div", {
105
111
  "class": bem("avatar")
106
- }, [item.human ? item.human.slice(-2) : ""]), isLast ? h(CurrentIcon, {
107
- "class": bem("status")
108
- }) : h(PassIcon, {
109
- "class": bem("status")
110
- })]);
112
+ }, [item.human ? item.human.slice(-2) : ""]), item.statusIcon ? h("img", {
113
+ "class": bem("status"),
114
+ "attrs": {
115
+ "src": item.statusIcon,
116
+ "alt": ""
117
+ }
118
+ }) : ""]);
111
119
  },
112
120
  genTitle: function genTitle(item, titleSlot) {
113
121
  var h = this.$createElement;
@@ -219,7 +227,7 @@ export default createComponent({
219
227
  }
220
228
  }, [h("div", {
221
229
  "class": bem("left-container")
222
- }, [this.genAvatar(item, avatarSlot, isLast), h("div", {
230
+ }, [this.genAvatar(item, avatarSlot), h("div", {
223
231
  "class": bem("line")
224
232
  })]), h("div", {
225
233
  "class": bem("right-container")
@@ -235,7 +243,7 @@ export default createComponent({
235
243
  return h("div", {
236
244
  "class": bem()
237
245
  }, [h("div", {
238
- "class": [bem("top-bar"), BORDER_BOTTOM]
246
+ "class": [bem("top-bar" + " half-border-bottom"), BORDER_BOTTOM]
239
247
  }, [h("div", {
240
248
  "class": bem("top-left")
241
249
  }, [h("div", {
@@ -565,7 +565,8 @@ var _default2 = (0, _utils.createComponent)({
565
565
  "position": this.position,
566
566
  "getContainer": this.getContainer,
567
567
  "closeOnPopstate": this.closeOnPopstate,
568
- "closeOnClickOverlay": this.closeOnClickOverlay
568
+ "closeOnClickOverlay": this.closeOnClickOverlay,
569
+ "safeAreaInsetBottom": this.safeAreaInsetBottom
569
570
  },
570
571
  "on": {
571
572
  "input": this.togglePopup,
@@ -53,6 +53,10 @@ var _default2 = createComponent({
53
53
  getContainer: {
54
54
  type: [String, Function],
55
55
  default: 'body'
56
+ },
57
+ safeAreaInsetBottom: {
58
+ type: Boolean,
59
+ default: false
56
60
  }
57
61
  },
58
62
  data: function data() {
@@ -334,10 +338,10 @@ var _default2 = createComponent({
334
338
  "round": true,
335
339
  "position": "bottom",
336
340
  "getContainer": this.getContainer,
337
- "safe-area-inset-bottom": true,
338
341
  "closeOnPopstate": this.closeOnPopstate,
339
342
  "closeOnClickOverlay": this.closeOnClickOverlay,
340
- "customOnClickOverlay": this.onClickOverlay
343
+ "customOnClickOverlay": this.onClickOverlay,
344
+ "safeAreaInsetBottom": this.safeAreaInsetBottom
341
345
  }
342
346
  }, [this.renderCascade()]);
343
347
  }
package/lib/index.js CHANGED
@@ -309,7 +309,7 @@ exports.Toast = _toast.default;
309
309
  var _uploader = _interopRequireDefault(require("./uploader"));
310
310
 
311
311
  exports.Uploader = _uploader.default;
312
- var version = '2.0.41';
312
+ var version = '2.0.43';
313
313
  exports.version = version;
314
314
 
315
315
  function install(Vue) {
@@ -21,8 +21,6 @@ var _popup = _interopRequireDefault(require("../popup"));
21
21
 
22
22
  var _popup2 = require("../mixins/popup");
23
23
 
24
- var _deepClone = require("../utils/deep-clone");
25
-
26
24
  var _button = _interopRequireDefault(require("../button"));
27
25
 
28
26
  // Utils
@@ -62,6 +60,10 @@ var _default2 = createComponent({
62
60
  columnCounts: {
63
61
  type: Number,
64
62
  default: 3
63
+ },
64
+ safeAreaInsetBottom: {
65
+ type: Boolean,
66
+ default: false
65
67
  }
66
68
  }),
67
69
  data: function data() {
@@ -247,7 +249,8 @@ var _default2 = createComponent({
247
249
  "closeOnPopstate": this.closeOnPopstate,
248
250
  "closeOnClickOverlay": this.closeOnClickOverlay,
249
251
  "customOnClickOverlay": this.onClickOverlay,
250
- "getContainer": this.getContainer
252
+ "getContainer": this.getContainer,
253
+ "safeAreaInsetBottom": this.safeAreaInsetBottom
251
254
  }
252
255
  }, [h("div", {
253
256
  "class": bem(),
@@ -39,6 +39,10 @@ var _default2 = createComponent({
39
39
  type: Boolean,
40
40
  default: true
41
41
  },
42
+ safeAreaInsetBottom: {
43
+ type: Boolean,
44
+ default: false
45
+ },
42
46
  defaultIndex: {
43
47
  type: [Number, String],
44
48
  default: 0
@@ -35,6 +35,10 @@ var pickerProps = {
35
35
  closeOnClickOverlay: {
36
36
  type: Boolean,
37
37
  default: true
38
+ },
39
+ safeAreaInsetBottom: {
40
+ type: Boolean,
41
+ default: false
38
42
  }
39
43
  };
40
44
  exports.pickerProps = pickerProps;
@@ -13,10 +13,6 @@ var _constant = require("../utils/constant");
13
13
 
14
14
  var _switch = _interopRequireDefault(require("../switch"));
15
15
 
16
- var _pass = _interopRequireDefault(require("./svg/pass"));
17
-
18
- var _current = _interopRequireDefault(require("./svg/current"));
19
-
20
16
  var _createNamespace = (0, _utils.createNamespace)('timeline'),
21
17
  createComponent = _createNamespace[0],
22
18
  bem = _createNamespace[1];
@@ -71,16 +67,24 @@ var _default2 = createComponent({
71
67
  return defaultData();
72
68
  },
73
69
  computed: {},
74
- watch: {},
70
+ watch: {
71
+ processes: {
72
+ deep: true,
73
+ handler: "updateProcess"
74
+ }
75
+ },
75
76
  mounted: function mounted() {
76
77
  this.isFold = this.defaultFold;
77
- this.computedProcesses = this.processes.map(function (v) {
78
- return (0, _extends2.default)({}, v, {
79
- folded: false
80
- });
81
- });
78
+ this.updateProcess();
82
79
  },
83
80
  methods: {
81
+ updateProcess: function updateProcess() {
82
+ this.computedProcesses = this.processes.map(function (v) {
83
+ return (0, _extends2.default)({}, v, {
84
+ folded: false
85
+ });
86
+ });
87
+ },
84
88
  genProcesses: function genProcesses() {
85
89
  var _this = this;
86
90
 
@@ -95,7 +99,7 @@ var _default2 = createComponent({
95
99
  });
96
100
  }
97
101
  },
98
- genAvatar: function genAvatar(item, avatarSlot, isLast) {
102
+ genAvatar: function genAvatar(item, avatarSlot) {
99
103
  var h = this.$createElement;
100
104
 
101
105
  if (avatarSlot) {
@@ -114,11 +118,13 @@ var _default2 = createComponent({
114
118
  }
115
119
  }) : h("div", {
116
120
  "class": bem("avatar")
117
- }, [item.human ? item.human.slice(-2) : ""]), isLast ? h(_current.default, {
118
- "class": bem("status")
119
- }) : h(_pass.default, {
120
- "class": bem("status")
121
- })]);
121
+ }, [item.human ? item.human.slice(-2) : ""]), item.statusIcon ? h("img", {
122
+ "class": bem("status"),
123
+ "attrs": {
124
+ "src": item.statusIcon,
125
+ "alt": ""
126
+ }
127
+ }) : ""]);
122
128
  },
123
129
  genTitle: function genTitle(item, titleSlot) {
124
130
  var h = this.$createElement;
@@ -230,7 +236,7 @@ var _default2 = createComponent({
230
236
  }
231
237
  }, [h("div", {
232
238
  "class": bem("left-container")
233
- }, [this.genAvatar(item, avatarSlot, isLast), h("div", {
239
+ }, [this.genAvatar(item, avatarSlot), h("div", {
234
240
  "class": bem("line")
235
241
  })]), h("div", {
236
242
  "class": bem("right-container")
@@ -246,7 +252,7 @@ var _default2 = createComponent({
246
252
  return h("div", {
247
253
  "class": bem()
248
254
  }, [h("div", {
249
- "class": [bem("top-bar"), _constant.BORDER_BOTTOM]
255
+ "class": [bem("top-bar" + " half-border-bottom"), _constant.BORDER_BOTTOM]
250
256
  }, [h("div", {
251
257
  "class": bem("top-left")
252
258
  }, [h("div", {