1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _index = require('../index');
var _index2 = _interopRequireDefault(_index);
require('../assets/index.less');
require('../assets/iconfont.less');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
exports['default'] = {
methods: {
getFinishIcon: function getFinishIcon() {
var h = this.$createElement;
var path = 'M923 283.6c-13.4-31.1-32.6-58.9-56.9-82.8-24.3-23.8-52.' + '5-42.4-84-55.5-32.5-13.5-66.9-20.3-102.4-20.3-49.3 0-97.4 13.5-139' + '.2 39-10 6.1-19.5 12.8-28.5 20.1-9-7.3-18.5-14-28.5-20.1-41.8-25.5' + '-89.9-39-139.2-39-35.5 0-69.9 6.8-102.4 20.3-31.4 13-59.7 31.7-84 ' + '55.5-24.4 23.9-43.5 51.7-56.9 82.8-13.9 32.3-21 66.6-21 101.9 0 33' + '.3 6.8 68 20.3 103.3 11.3 29.5 27.5 60.1 48.2 91 32.8 48.9 77.9 99' + '.9 133.9 151.6 92.8 85.7 184.7 144.9 188.6 147.3l23.7 15.2c10.5 6.' + '7 24 6.7 34.5 0l23.7-15.2c3.9-2.5 95.7-61.6 188.6-147.3 56-51.7 10' + '1.1-102.7 133.9-151.6 20.7-30.9 37-61.5 48.2-91 13.5-35.3 20.3-70 ' + '20.3-103.3 0.1-35.3-7-69.6-20.9-101.9z';
return h(
'svg',
{
attrs: {
width: '1em',
height: '1em',
fill: 'currentColor',
viewBox: '0 0 1024 1024'
},
style: 'verticalAlign: -.125em'
},
[h('path', {
attrs: { d: path }
})]
);
},
getErrorIcon: function getErrorIcon() {
var h = this.$createElement;
var path1 = 'M512 0C229.2 0 0 229.2 0 512s229.2 512 512 512 512-229' + '.2 512-512S794.8 0 512 0zm311.1 823.1c-40.4 40.4-87.5 72.2-139.9 9' + '4.3C629 940.4 571.4 952 512 952s-117-11.6-171.2-34.5c-52.4-22.2-99' + '.4-53.9-139.9-94.3-40.4-40.4-72.2-87.5-94.3-139.9C83.6 629 72 571.' + '4 72 512s11.6-117 34.5-171.2c22.2-52.4 53.9-99.4 94.3-139.9 40.4-4' + '0.4 87.5-72.2 139.9-94.3C395 83.6 452.6 72 512 72s117 11.6 171.2 3' + '4.5c52.4 22.2 99.4 53.9 139.9 94.3 40.4 40.4 72.2 87.5 94.3 139.9C' + '940.4 395 952 452.6 952 512s-11.6 117-34.5 171.2c-22.2 52.4-53.9 9' + '9.5-94.4 139.9z';
var path2 = 'M640.3 765.5c-19.9 0-36-16.1-36-36 0-50.9-41.4-92.3-92' + '.3-92.3s-92.3 41.4-92.3 92.3c0 19.9-16.1 36-36 36s-36-16.1-36-36c0' + '-90.6 73.7-164.3 164.3-164.3s164.3 73.7 164.3 164.3c0 19.9-16.1 36' + '-36 36zM194.2 382.4a60 60 0 1 0 120 0 60 60 0 1 0-120 0zM709.5 382' + '.4a60 60 0 1 0 120 0 60 60 0 1 0-120 0z';
return h(
'svg',
{
attrs: {
width: '1em',
height: '1em',
fill: 'currentColor',
viewBox: '0 0 1024 1024'
},
style: 'verticalAlign: -.125em'
},
[h('path', {
attrs: { d: path1 }
}), h('path', {
attrs: { d: path2 }
})]
);
}
},
render: function render() {
var h = arguments[0];
var settings = {
props: {
current: 1,
status: 'error',
icons: {
finish: this.getFinishIcon(),
error: this.getErrorIcon()
}
}
};
return h(
_index2['default'],
settings,
[h(_index.Step, {
attrs: { title: 'Finished', description: 'This is a description' }
}), h(_index.Step, {
attrs: { title: 'In Process', description: 'This is a description' }
}), h(_index.Step, {
attrs: { title: 'Waiting', description: 'This is a description' }
})]
);
}
};