vdesign-ui 0.2.0 → 0.2.1

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 (11) hide show
  1. package/dist/components/loading/index.vue +3 -5
  2. package/dist/components/loading/style.less +8 -0
  3. package/dist/vdesign-ui.common.js +76 -93
  4. package/dist/vdesign-ui.css +1 -1
  5. package/dist/vdesign-ui.umd.js +76 -93
  6. package/dist/vdesign-ui.umd.min.js +3 -3
  7. package/package.json +1 -1
  8. package/dist/components/loading/img_status_loading_white_ani.svg +0 -155
  9. package/dist/components/loading/img_status_refresh_ani.svg +0 -158
  10. package/dist/img/img_status_loading_white_ani.b56fcfae.svg +0 -155
  11. package/dist/img/img_status_refresh_ani.d0e59f12.svg +0 -158
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vdesign-ui",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "private": false,
5
5
  "main": "dist/vdesign-ui.umd.js",
6
6
  "files": [
package/dist/components/loading/img_status_loading_white_ani.svg DELETED
@@ -1,155 +0,0 @@
1
- <svg
2
- fill="none"
3
- width='100%'
4
- height='100%'
5
- viewBox="0 0 32 32"
6
- xmlns="http://www.w3.org/2000/svg"
7
- xmlns:xlink="http://www.w3.org/1999/xlink"
8
- >
9
- <defs>
10
- <style type="text/css">
11
- <![CDATA[
12
- @keyframes loading-animate1 {
13
- 0% {
14
- fill-opacity: 0.16;
15
- }
16
- 20% {
17
- fill-opacity: 1;
18
- }
19
- 26% {
20
- fill-opacity: 0.32;
21
- }
22
- 32% {
23
- fill-opacity: 0.16;
24
- }
25
- 100% {
26
- fill-opacity: 0.16;
27
- }
28
- }
29
-
30
- @keyframes loading-animate2 {
31
- 0% {
32
- fill-opacity: 0.16;
33
- }
34
- 12% {
35
- fill-opacity: 0.16;
36
- }
37
- 22% {
38
- fill-opacity: 1;
39
- }
40
- 31% {
41
- fill-opacity: 0.32;
42
- }
43
- 37% {
44
- fill-opacity: 0.16;
45
- }
46
- 100% {
47
- fill-opacity: 0.16;
48
- }
49
- }
50
-
51
- @keyframes loading-animate3 {
52
- 0% {
53
- fill-opacity: 0.16;
54
- }
55
- 20% {
56
- fill-opacity: 0.16;
57
- }
58
- 30% {
59
- fill-opacity: 1;
60
- }
61
- 36% {
62
- fill-opacity: 0.32;
63
- }
64
- 42% {
65
- fill-opacity: 0.16;
66
- }
67
- 100% {
68
- fill-opacity: 0.16;
69
- }
70
- }
71
-
72
- @keyframes loading-animate4 {
73
- 0% {
74
- fill-opacity: 0.16;
75
- }
76
- 25% {
77
- fill-opacity: 0.16;
78
- }
79
- 35% {
80
- fill-opacity: 1;
81
- }
82
- 41% {
83
- fill-opacity: 0.32;
84
- }
85
- 47% {
86
- fill-opacity: 0.16;
87
- }
88
- 100% {
89
- fill-opacity: 0.16;
90
- }
91
- }
92
-
93
- .loading-part-1,
94
- .loading-part-2,
95
- .loading-part-3,
96
- .loading-part-4 {
97
- animation-duration: 1s;
98
- animation-delay: 0s;
99
- animation-timing-function: cubic-bezier(0.5, 0, 1, 1);
100
- animation-iteration-count: infinite;
101
- }
102
-
103
- .loading-part-1 {
104
- animation-name: loading-animate1;
105
- }
106
-
107
- .loading-part-2 {
108
- animation-name: loading-animate2;
109
- }
110
-
111
- .loading-part-3 {
112
- animation-name: loading-animate3;
113
- }
114
-
115
- .loading-part-4 {
116
- animation-name: loading-animate4;
117
- }
118
- ]]>
119
- </style>
120
- </defs>
121
- <g>
122
- <path
123
- class="loading-part-1"
124
- fill-rule="evenodd"
125
- clip-rule="evenodd"
126
- d="M6 32.0001L9.72003 28.209C9.95076 27.9739 10.0803 27.655 10.0803 27.3225V16.2236L6.36035 20.0147C6.12963 20.2498 6 20.5687 6 20.9012V32.0001Z"
127
- fill-opacity="0.16"
128
- fill="#FFFFFF"
129
- />
130
- <path
131
- class="loading-part-2"
132
- fill-rule="evenodd"
133
- clip-rule="evenodd"
134
- d="M11.3068 26.559L15.0269 22.768C15.2576 22.5329 15.3872 22.214 15.3872 21.8815V2.71126L11.6672 6.50233C11.4364 6.73746 11.3068 7.05636 11.3068 7.38889V26.559Z"
135
- fill-opacity="0.16"
136
- fill="#FFFFFF"
137
- />
138
- <path
139
- class="loading-part-3"
140
- fill-rule="evenodd"
141
- clip-rule="evenodd"
142
- d="M16.6255 29.2742L20.3455 25.4832C20.5762 25.248 20.7059 24.9292 20.7059 24.5966V5.42644L16.9858 9.21751C16.7552 9.4526 16.6255 9.77154 16.6255 10.104V29.2742Z"
143
- fill="#FFFFFF"
144
- fill-opacity="0.16"
145
- />
146
- <path
147
- class="loading-part-4"
148
- fill-rule="evenodd"
149
- clip-rule="evenodd"
150
- d="M21.9196 15.7765L25.6396 11.9854C25.8703 11.7503 26 11.4314 26 11.0989V0L22.2799 3.79107C22.0492 4.02617 21.9196 4.3451 21.9196 4.67759V15.7765Z"
151
- fill="#FFFFFF"
152
- fill-opacity="0.16"
153
- />
154
- </g>
155
- </svg>
package/dist/components/loading/img_status_refresh_ani.svg DELETED
@@ -1,158 +0,0 @@
1
- <svg
2
- fill="none"
3
- width='100%'
4
- height='100%'
5
- viewBox="0 0 32 32"
6
- xmlns="http://www.w3.org/2000/svg"
7
- xmlns:xlink="http://www.w3.org/1999/xlink"
8
- >
9
- <defs>
10
- <style type="text/css">
11
- <![CDATA[
12
- @keyframes refresh-animate1 {
13
- 0% {
14
- fill-opacity: 1;
15
- }
16
- 16.67% {
17
- fill-opacity: 0.16;
18
- }
19
- 50% {
20
- fill-opacity: 0.16;
21
- }
22
- 83.33% {
23
- fill-opacity: 0.16;
24
- }
25
- 100% {
26
- fill-opacity: 1;
27
- }
28
- }
29
-
30
- @keyframes refresh-animate2 {
31
- 0% {
32
- fill-opacity: 0.16;
33
- }
34
- 16.67% {
35
- fill-opacity: 1;
36
- }
37
- 33.33% {
38
- fill-opacity: 0.16;
39
- }
40
- 50% {
41
- fill-opacity: 0.16;
42
- }
43
- 66.67% {
44
- fill-opacity: 0.16;
45
- }
46
- 83.33% {
47
- fill-opacity: 1;
48
- }
49
- 100% {
50
- fill-opacity: 0.16;
51
- }
52
- }
53
-
54
- @keyframes refresh-animate3 {
55
- 0% {
56
- fill-opacity: 0.16;
57
- }
58
- 16.67% {
59
- fill-opacity: 0.16;
60
- }
61
- 33.33% {
62
- fill-opacity: 1;
63
- }
64
- 50% {
65
- fill-opacity: 0.16;
66
- }
67
- 66.67% {
68
- fill-opacity: 1;
69
- }
70
- 83.33% {
71
- fill-opacity: 0.16;
72
- }
73
- 100% {
74
- fill-opacity: 0.16;
75
- }
76
- }
77
-
78
- @keyframes refresh-animate4 {
79
- 0% {
80
- fill-opacity: 0.16;
81
- }
82
- 33.33% {
83
- fill-opacity: 0.16;
84
- }
85
- 50% {
86
- fill-opacity: 1;
87
- }
88
- 66.67% {
89
- fill-opacity: 0.16;
90
- }
91
- 100% {
92
- fill-opacity: 0.16;
93
- }
94
- }
95
-
96
- .loading-part-1,
97
- .loading-part-2,
98
- .loading-part-3,
99
- .loading-part-4 {
100
- animation-duration: 1000ms;
101
- animation-delay: 0s;
102
- animation-timing-function: ease-out;
103
- animation-iteration-count: infinite;
104
- }
105
-
106
- .loading-part-1 {
107
- animation-name: refresh-animate1;
108
- }
109
-
110
- .loading-part-2 {
111
- animation-name: refresh-animate2;
112
- }
113
-
114
- .loading-part-3 {
115
- animation-name: refresh-animate3;
116
- }
117
-
118
- .loading-part-4 {
119
- animation-name: refresh-animate4;
120
- }
121
- ]]>
122
- </style>
123
- </defs>
124
- <g>
125
- <path
126
- class="loading-part-1"
127
- fill-rule="evenodd"
128
- clip-rule="evenodd"
129
- d="M6 32.0001L9.72003 28.209C9.95076 27.9739 10.0803 27.655 10.0803 27.3225V16.2236L6.36035 20.0147C6.12963 20.2498 6 20.5687 6 20.9012V32.0001Z"
130
- fill-opacity="0.16"
131
- fill="#1BC47D"
132
- />
133
- <path
134
- class="loading-part-2"
135
- fill-rule="evenodd"
136
- clip-rule="evenodd"
137
- d="M11.3068 26.559L15.0269 22.768C15.2576 22.5329 15.3872 22.214 15.3872 21.8815V2.71126L11.6672 6.50233C11.4364 6.73746 11.3068 7.05636 11.3068 7.38889V26.559Z"
138
- fill-opacity="0.16"
139
- fill="#1BC47D"
140
- />
141
- <path
142
- class="loading-part-3"
143
- fill-rule="evenodd"
144
- clip-rule="evenodd"
145
- d="M16.6255 29.2742L20.3455 25.4832C20.5762 25.248 20.7059 24.9292 20.7059 24.5966V5.42644L16.9858 9.21751C16.7552 9.4526 16.6255 9.77154 16.6255 10.104V29.2742Z"
146
- fill="#1BC47D"
147
- fill-opacity="0.16"
148
- />
149
- <path
150
- class="loading-part-4"
151
- fill-rule="evenodd"
152
- clip-rule="evenodd"
153
- d="M21.9196 15.7765L25.6396 11.9854C25.8703 11.7503 26 11.4314 26 11.0989V0L22.2799 3.79107C22.0492 4.02617 21.9196 4.3451 21.9196 4.67759V15.7765Z"
154
- fill="#1BC47D"
155
- fill-opacity="0.16"
156
- />
157
- </g>
158
- </svg>
package/dist/img/img_status_loading_white_ani.b56fcfae.svg DELETED
@@ -1,155 +0,0 @@
1
- <svg
2
- fill="none"
3
- width='100%'
4
- height='100%'
5
- viewBox="0 0 32 32"
6
- xmlns="http://www.w3.org/2000/svg"
7
- xmlns:xlink="http://www.w3.org/1999/xlink"
8
- >
9
- <defs>
10
- <style type="text/css">
11
- <![CDATA[
12
- @keyframes loading-animate1 {
13
- 0% {
14
- fill-opacity: 0.16;
15
- }
16
- 20% {
17
- fill-opacity: 1;
18
- }
19
- 26% {
20
- fill-opacity: 0.32;
21
- }
22
- 32% {
23
- fill-opacity: 0.16;
24
- }
25
- 100% {
26
- fill-opacity: 0.16;
27
- }
28
- }
29
-
30
- @keyframes loading-animate2 {
31
- 0% {
32
- fill-opacity: 0.16;
33
- }
34
- 12% {
35
- fill-opacity: 0.16;
36
- }
37
- 22% {
38
- fill-opacity: 1;
39
- }
40
- 31% {
41
- fill-opacity: 0.32;
42
- }
43
- 37% {
44
- fill-opacity: 0.16;
45
- }
46
- 100% {
47
- fill-opacity: 0.16;
48
- }
49
- }
50
-
51
- @keyframes loading-animate3 {
52
- 0% {
53
- fill-opacity: 0.16;
54
- }
55
- 20% {
56
- fill-opacity: 0.16;
57
- }
58
- 30% {
59
- fill-opacity: 1;
60
- }
61
- 36% {
62
- fill-opacity: 0.32;
63
- }
64
- 42% {
65
- fill-opacity: 0.16;
66
- }
67
- 100% {
68
- fill-opacity: 0.16;
69
- }
70
- }
71
-
72
- @keyframes loading-animate4 {
73
- 0% {
74
- fill-opacity: 0.16;
75
- }
76
- 25% {
77
- fill-opacity: 0.16;
78
- }
79
- 35% {
80
- fill-opacity: 1;
81
- }
82
- 41% {
83
- fill-opacity: 0.32;
84
- }
85
- 47% {
86
- fill-opacity: 0.16;
87
- }
88
- 100% {
89
- fill-opacity: 0.16;
90
- }
91
- }
92
-
93
- .loading-part-1,
94
- .loading-part-2,
95
- .loading-part-3,
96
- .loading-part-4 {
97
- animation-duration: 1s;
98
- animation-delay: 0s;
99
- animation-timing-function: cubic-bezier(0.5, 0, 1, 1);
100
- animation-iteration-count: infinite;
101
- }
102
-
103
- .loading-part-1 {
104
- animation-name: loading-animate1;
105
- }
106
-
107
- .loading-part-2 {
108
- animation-name: loading-animate2;
109
- }
110
-
111
- .loading-part-3 {
112
- animation-name: loading-animate3;
113
- }
114
-
115
- .loading-part-4 {
116
- animation-name: loading-animate4;
117
- }
118
- ]]>
119
- </style>
120
- </defs>
121
- <g>
122
- <path
123
- class="loading-part-1"
124
- fill-rule="evenodd"
125
- clip-rule="evenodd"
126
- d="M6 32.0001L9.72003 28.209C9.95076 27.9739 10.0803 27.655 10.0803 27.3225V16.2236L6.36035 20.0147C6.12963 20.2498 6 20.5687 6 20.9012V32.0001Z"
127
- fill-opacity="0.16"
128
- fill="#FFFFFF"
129
- />
130
- <path
131
- class="loading-part-2"
132
- fill-rule="evenodd"
133
- clip-rule="evenodd"
134
- d="M11.3068 26.559L15.0269 22.768C15.2576 22.5329 15.3872 22.214 15.3872 21.8815V2.71126L11.6672 6.50233C11.4364 6.73746 11.3068 7.05636 11.3068 7.38889V26.559Z"
135
- fill-opacity="0.16"
136
- fill="#FFFFFF"
137
- />
138
- <path
139
- class="loading-part-3"
140
- fill-rule="evenodd"
141
- clip-rule="evenodd"
142
- d="M16.6255 29.2742L20.3455 25.4832C20.5762 25.248 20.7059 24.9292 20.7059 24.5966V5.42644L16.9858 9.21751C16.7552 9.4526 16.6255 9.77154 16.6255 10.104V29.2742Z"
143
- fill="#FFFFFF"
144
- fill-opacity="0.16"
145
- />
146
- <path
147
- class="loading-part-4"
148
- fill-rule="evenodd"
149
- clip-rule="evenodd"
150
- d="M21.9196 15.7765L25.6396 11.9854C25.8703 11.7503 26 11.4314 26 11.0989V0L22.2799 3.79107C22.0492 4.02617 21.9196 4.3451 21.9196 4.67759V15.7765Z"
151
- fill="#FFFFFF"
152
- fill-opacity="0.16"
153
- />
154
- </g>
155
- </svg>
package/dist/img/img_status_refresh_ani.d0e59f12.svg DELETED
@@ -1,158 +0,0 @@
1
- <svg
2
- fill="none"
3
- width='100%'
4
- height='100%'
5
- viewBox="0 0 32 32"
6
- xmlns="http://www.w3.org/2000/svg"
7
- xmlns:xlink="http://www.w3.org/1999/xlink"
8
- >
9
- <defs>
10
- <style type="text/css">
11
- <![CDATA[
12
- @keyframes refresh-animate1 {
13
- 0% {
14
- fill-opacity: 1;
15
- }
16
- 16.67% {
17
- fill-opacity: 0.16;
18
- }
19
- 50% {
20
- fill-opacity: 0.16;
21
- }
22
- 83.33% {
23
- fill-opacity: 0.16;
24
- }
25
- 100% {
26
- fill-opacity: 1;
27
- }
28
- }
29
-
30
- @keyframes refresh-animate2 {
31
- 0% {
32
- fill-opacity: 0.16;
33
- }
34
- 16.67% {
35
- fill-opacity: 1;
36
- }
37
- 33.33% {
38
- fill-opacity: 0.16;
39
- }
40
- 50% {
41
- fill-opacity: 0.16;
42
- }
43
- 66.67% {
44
- fill-opacity: 0.16;
45
- }
46
- 83.33% {
47
- fill-opacity: 1;
48
- }
49
- 100% {
50
- fill-opacity: 0.16;
51
- }
52
- }
53
-
54
- @keyframes refresh-animate3 {
55
- 0% {
56
- fill-opacity: 0.16;
57
- }
58
- 16.67% {
59
- fill-opacity: 0.16;
60
- }
61
- 33.33% {
62
- fill-opacity: 1;
63
- }
64
- 50% {
65
- fill-opacity: 0.16;
66
- }
67
- 66.67% {
68
- fill-opacity: 1;
69
- }
70
- 83.33% {
71
- fill-opacity: 0.16;
72
- }
73
- 100% {
74
- fill-opacity: 0.16;
75
- }
76
- }
77
-
78
- @keyframes refresh-animate4 {
79
- 0% {
80
- fill-opacity: 0.16;
81
- }
82
- 33.33% {
83
- fill-opacity: 0.16;
84
- }
85
- 50% {
86
- fill-opacity: 1;
87
- }
88
- 66.67% {
89
- fill-opacity: 0.16;
90
- }
91
- 100% {
92
- fill-opacity: 0.16;
93
- }
94
- }
95
-
96
- .loading-part-1,
97
- .loading-part-2,
98
- .loading-part-3,
99
- .loading-part-4 {
100
- animation-duration: 1000ms;
101
- animation-delay: 0s;
102
- animation-timing-function: ease-out;
103
- animation-iteration-count: infinite;
104
- }
105
-
106
- .loading-part-1 {
107
- animation-name: refresh-animate1;
108
- }
109
-
110
- .loading-part-2 {
111
- animation-name: refresh-animate2;
112
- }
113
-
114
- .loading-part-3 {
115
- animation-name: refresh-animate3;
116
- }
117
-
118
- .loading-part-4 {
119
- animation-name: refresh-animate4;
120
- }
121
- ]]>
122
- </style>
123
- </defs>
124
- <g>
125
- <path
126
- class="loading-part-1"
127
- fill-rule="evenodd"
128
- clip-rule="evenodd"
129
- d="M6 32.0001L9.72003 28.209C9.95076 27.9739 10.0803 27.655 10.0803 27.3225V16.2236L6.36035 20.0147C6.12963 20.2498 6 20.5687 6 20.9012V32.0001Z"
130
- fill-opacity="0.16"
131
- fill="#1BC47D"
132
- />
133
- <path
134
- class="loading-part-2"
135
- fill-rule="evenodd"
136
- clip-rule="evenodd"
137
- d="M11.3068 26.559L15.0269 22.768C15.2576 22.5329 15.3872 22.214 15.3872 21.8815V2.71126L11.6672 6.50233C11.4364 6.73746 11.3068 7.05636 11.3068 7.38889V26.559Z"
138
- fill-opacity="0.16"
139
- fill="#1BC47D"
140
- />
141
- <path
142
- class="loading-part-3"
143
- fill-rule="evenodd"
144
- clip-rule="evenodd"
145
- d="M16.6255 29.2742L20.3455 25.4832C20.5762 25.248 20.7059 24.9292 20.7059 24.5966V5.42644L16.9858 9.21751C16.7552 9.4526 16.6255 9.77154 16.6255 10.104V29.2742Z"
146
- fill="#1BC47D"
147
- fill-opacity="0.16"
148
- />
149
- <path
150
- class="loading-part-4"
151
- fill-rule="evenodd"
152
- clip-rule="evenodd"
153
- d="M21.9196 15.7765L25.6396 11.9854C25.8703 11.7503 26 11.4314 26 11.0989V0L22.2799 3.79107C22.0492 4.02617 21.9196 4.3451 21.9196 4.67759V15.7765Z"
154
- fill="#1BC47D"
155
- fill-opacity="0.16"
156
- />
157
- </g>
158
- </svg>