8
8
:transform =" displayMirrored"
9
9
v-bind =" $attrs"
10
10
v-on =" $listeners" >
11
- <slot />
12
- <g v-if="displayWeight === 'bold'"><circle cx="136" cy="116" r="32" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"/><line x1="32" y1="108" x2="56" y2="108" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"/><line x1="32" y1="68" x2="56" y2="68" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"/><line x1="32" y1="148" x2="56" y2="148" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"/><line x1="32" y1="188" x2="56" y2="188" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"/><rect x="40" y="48" width="192" height="160" rx="8" transform="translate(264 -8) rotate(90)" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"/><path d="M92,167.2a60,60,0,0,1,88,0" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"/></g>
13
- <g v-else-if="displayWeight === 'duotone'"><circle cx="136" cy="112" r="32" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M208,32H64a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H208a8,8,0,0,0,8-8V40A8,8,0,0,0,208,32ZM136,144a32,32,0,1,1,32-32A32,32,0,0,1,136,144Z" opacity="0.2"/><line x1="32" y1="108" x2="56" y2="108" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="32" y1="68" x2="56" y2="68" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="32" y1="148" x2="56" y2="148" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="32" y1="188" x2="56" y2="188" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M88,168a60,60,0,0,1,96,0" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><rect x="40" y="48" width="192" height="160" rx="8" transform="translate(264 -8) rotate(90)" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></g>
11
+ <slot />
12
+ <g v-if =" displayWeight === 'bold'" ><circle
13
+ cx =" 136"
14
+ cy =" 116"
15
+ r =" 32"
16
+ fill =" none"
17
+ :stroke =" displayColor"
18
+ stroke-linecap =" round"
19
+ stroke-linejoin =" round"
20
+ stroke-width =" 24" /><line
21
+ x1 =" 32"
22
+ y1 =" 108"
23
+ x2 =" 56"
24
+ y2 =" 108"
25
+ fill =" none"
26
+ :stroke =" displayColor"
27
+ stroke-linecap =" round"
28
+ stroke-linejoin =" round"
29
+ stroke-width =" 24" /><line
30
+ x1 =" 32"
31
+ y1 =" 68"
32
+ x2 =" 56"
33
+ y2 =" 68"
34
+ fill =" none"
35
+ :stroke =" displayColor"
36
+ stroke-linecap =" round"
37
+ stroke-linejoin =" round"
38
+ stroke-width =" 24" /><line
39
+ x1 =" 32"
40
+ y1 =" 148"
41
+ x2 =" 56"
42
+ y2 =" 148"
43
+ fill =" none"
44
+ :stroke =" displayColor"
45
+ stroke-linecap =" round"
46
+ stroke-linejoin =" round"
47
+ stroke-width =" 24" /><line
48
+ x1 =" 32"
49
+ y1 =" 188"
50
+ x2 =" 56"
51
+ y2 =" 188"
52
+ fill =" none"
53
+ :stroke =" displayColor"
54
+ stroke-linecap =" round"
55
+ stroke-linejoin =" round"
56
+ stroke-width =" 24" /><rect
57
+ x =" 40"
58
+ y =" 48"
59
+ width =" 192"
60
+ height =" 160"
61
+ rx =" 8"
62
+ transform =" translate(264 -8) rotate(90)"
63
+ fill =" none"
64
+ :stroke =" displayColor"
65
+ stroke-linecap =" round"
66
+ stroke-linejoin =" round"
67
+ stroke-width =" 24" /><path
68
+ d =" M92,167.2a60,60,0,0,1,88,0"
69
+ fill =" none"
70
+ :stroke =" displayColor"
71
+ stroke-linecap =" round"
72
+ stroke-linejoin =" round"
73
+ stroke-width =" 24" /></g >
74
+ <g v-else-if =" displayWeight === 'duotone'" ><circle
75
+ cx =" 136"
76
+ cy =" 112"
77
+ r =" 32"
78
+ fill =" none"
79
+ :stroke =" displayColor"
80
+ stroke-linecap =" round"
81
+ stroke-linejoin =" round"
82
+ stroke-width =" 16" /><path
83
+ d =" M208,32H64a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H208a8,8,0,0,0,8-8V40A8,8,0,0,0,208,32ZM136,144a32,32,0,1,1,32-32A32,32,0,0,1,136,144Z"
84
+ opacity =" 0.2" /><line
85
+ x1 =" 32"
86
+ y1 =" 108"
87
+ x2 =" 56"
88
+ y2 =" 108"
89
+ fill =" none"
90
+ :stroke =" displayColor"
91
+ stroke-linecap =" round"
92
+ stroke-linejoin =" round"
93
+ stroke-width =" 16" /><line
94
+ x1 =" 32"
95
+ y1 =" 68"
96
+ x2 =" 56"
97
+ y2 =" 68"
98
+ fill =" none"
99
+ :stroke =" displayColor"
100
+ stroke-linecap =" round"
101
+ stroke-linejoin =" round"
102
+ stroke-width =" 16" /><line
103
+ x1 =" 32"
104
+ y1 =" 148"
105
+ x2 =" 56"
106
+ y2 =" 148"
107
+ fill =" none"
108
+ :stroke =" displayColor"
109
+ stroke-linecap =" round"
110
+ stroke-linejoin =" round"
111
+ stroke-width =" 16" /><line
112
+ x1 =" 32"
113
+ y1 =" 188"
114
+ x2 =" 56"
115
+ y2 =" 188"
116
+ fill =" none"
117
+ :stroke =" displayColor"
118
+ stroke-linecap =" round"
119
+ stroke-linejoin =" round"
120
+ stroke-width =" 16" /><path
121
+ d =" M88,168a60,60,0,0,1,96,0"
122
+ fill =" none"
123
+ :stroke =" displayColor"
124
+ stroke-linecap =" round"
125
+ stroke-linejoin =" round"
126
+ stroke-width =" 16" /><rect
127
+ x =" 40"
128
+ y =" 48"
129
+ width =" 192"
130
+ height =" 160"
131
+ rx =" 8"
132
+ transform =" translate(264 -8) rotate(90)"
133
+ fill =" none"
134
+ :stroke =" displayColor"
135
+ stroke-linecap =" round"
136
+ stroke-linejoin =" round"
137
+ stroke-width =" 16" /></g >
14
138
<g v-else-if =" displayWeight === 'fill'" ><path d =" M160,112a24,24,0,1,1-24-24A24.1,24.1,0,0,1,160,112Zm64-72V216a16,16,0,0,1-16,16H64a16,16,0,0,1-16-16V196H32a8,8,0,0,1,0-16H48V156H32a8,8,0,0,1,0-16H48V116H32a8,8,0,0,1,0-16H48V76H32a8,8,0,0,1,0-16H48V40A16,16,0,0,1,64,24H208A16,16,0,0,1,224,40ZM190.4,163.2A67.8,67.8,0,0,0,163,141.5a40,40,0,1,0-54,0,67.8,67.8,0,0,0-27.4,21.7,8,8,0,0,0,1.6,11.2A7.7,7.7,0,0,0,88,176a8,8,0,0,0,6.4-3.2,52,52,0,0,1,83.2,0,8.1,8.1,0,0,0,11.2,1.6A8,8,0,0,0,190.4,163.2Z" /></g >
15
- <g v-else-if="displayWeight === 'light'"><circle cx="136" cy="112" r="32" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><line x1="32" y1="108" x2="56" y2="108" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><line x1="32" y1="68" x2="56" y2="68" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><line x1="32" y1="148" x2="56" y2="148" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><line x1="32" y1="188" x2="56" y2="188" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M88,168a60,60,0,0,1,96,0" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><rect x="40" y="48" width="192" height="160" rx="8" transform="translate(264 -8) rotate(90)" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/></g>
16
- <g v-else-if="displayWeight === 'thin'"><circle cx="136" cy="112" r="32" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line x1="32" y1="108" x2="56" y2="108" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line x1="32" y1="68" x2="56" y2="68" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line x1="32" y1="148" x2="56" y2="148" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line x1="32" y1="188" x2="56" y2="188" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><path d="M88,168a60,60,0,0,1,96,0" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><rect x="40" y="48" width="192" height="160" rx="8" transform="translate(264 -8) rotate(90)" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></g>
17
- <g v-else-if="displayWeight === 'regular'"><circle cx="136" cy="112" r="32" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="32" y1="108" x2="56" y2="108" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="32" y1="68" x2="56" y2="68" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="32" y1="148" x2="56" y2="148" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="32" y1="188" x2="56" y2="188" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M88,168a60,60,0,0,1,96,0" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><rect x="40" y="48" width="192" height="160" rx="8" transform="translate(264 -8) rotate(90)" fill="none" :stroke="displayColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></g>
139
+ <g v-else-if =" displayWeight === 'light'" ><circle
140
+ cx =" 136"
141
+ cy =" 112"
142
+ r =" 32"
143
+ fill =" none"
144
+ :stroke =" displayColor"
145
+ stroke-linecap =" round"
146
+ stroke-linejoin =" round"
147
+ stroke-width =" 12" /><line
148
+ x1 =" 32"
149
+ y1 =" 108"
150
+ x2 =" 56"
151
+ y2 =" 108"
152
+ fill =" none"
153
+ :stroke =" displayColor"
154
+ stroke-linecap =" round"
155
+ stroke-linejoin =" round"
156
+ stroke-width =" 12" /><line
157
+ x1 =" 32"
158
+ y1 =" 68"
159
+ x2 =" 56"
160
+ y2 =" 68"
161
+ fill =" none"
162
+ :stroke =" displayColor"
163
+ stroke-linecap =" round"
164
+ stroke-linejoin =" round"
165
+ stroke-width =" 12" /><line
166
+ x1 =" 32"
167
+ y1 =" 148"
168
+ x2 =" 56"
169
+ y2 =" 148"
170
+ fill =" none"
171
+ :stroke =" displayColor"
172
+ stroke-linecap =" round"
173
+ stroke-linejoin =" round"
174
+ stroke-width =" 12" /><line
175
+ x1 =" 32"
176
+ y1 =" 188"
177
+ x2 =" 56"
178
+ y2 =" 188"
179
+ fill =" none"
180
+ :stroke =" displayColor"
181
+ stroke-linecap =" round"
182
+ stroke-linejoin =" round"
183
+ stroke-width =" 12" /><path
184
+ d =" M88,168a60,60,0,0,1,96,0"
185
+ fill =" none"
186
+ :stroke =" displayColor"
187
+ stroke-linecap =" round"
188
+ stroke-linejoin =" round"
189
+ stroke-width =" 12" /><rect
190
+ x =" 40"
191
+ y =" 48"
192
+ width =" 192"
193
+ height =" 160"
194
+ rx =" 8"
195
+ transform =" translate(264 -8) rotate(90)"
196
+ fill =" none"
197
+ :stroke =" displayColor"
198
+ stroke-linecap =" round"
199
+ stroke-linejoin =" round"
200
+ stroke-width =" 12" /></g >
201
+ <g v-else-if =" displayWeight === 'thin'" ><circle
202
+ cx =" 136"
203
+ cy =" 112"
204
+ r =" 32"
205
+ fill =" none"
206
+ :stroke =" displayColor"
207
+ stroke-linecap =" round"
208
+ stroke-linejoin =" round"
209
+ stroke-width =" 8" /><line
210
+ x1 =" 32"
211
+ y1 =" 108"
212
+ x2 =" 56"
213
+ y2 =" 108"
214
+ fill =" none"
215
+ :stroke =" displayColor"
216
+ stroke-linecap =" round"
217
+ stroke-linejoin =" round"
218
+ stroke-width =" 8" /><line
219
+ x1 =" 32"
220
+ y1 =" 68"
221
+ x2 =" 56"
222
+ y2 =" 68"
223
+ fill =" none"
224
+ :stroke =" displayColor"
225
+ stroke-linecap =" round"
226
+ stroke-linejoin =" round"
227
+ stroke-width =" 8" /><line
228
+ x1 =" 32"
229
+ y1 =" 148"
230
+ x2 =" 56"
231
+ y2 =" 148"
232
+ fill =" none"
233
+ :stroke =" displayColor"
234
+ stroke-linecap =" round"
235
+ stroke-linejoin =" round"
236
+ stroke-width =" 8" /><line
237
+ x1 =" 32"
238
+ y1 =" 188"
239
+ x2 =" 56"
240
+ y2 =" 188"
241
+ fill =" none"
242
+ :stroke =" displayColor"
243
+ stroke-linecap =" round"
244
+ stroke-linejoin =" round"
245
+ stroke-width =" 8" /><path
246
+ d =" M88,168a60,60,0,0,1,96,0"
247
+ fill =" none"
248
+ :stroke =" displayColor"
249
+ stroke-linecap =" round"
250
+ stroke-linejoin =" round"
251
+ stroke-width =" 8" /><rect
252
+ x =" 40"
253
+ y =" 48"
254
+ width =" 192"
255
+ height =" 160"
256
+ rx =" 8"
257
+ transform =" translate(264 -8) rotate(90)"
258
+ fill =" none"
259
+ :stroke =" displayColor"
260
+ stroke-linecap =" round"
261
+ stroke-linejoin =" round"
262
+ stroke-width =" 8" /></g >
263
+ <g v-else-if =" displayWeight === 'regular'" ><circle
264
+ cx =" 136"
265
+ cy =" 112"
266
+ r =" 32"
267
+ fill =" none"
268
+ :stroke =" displayColor"
269
+ stroke-linecap =" round"
270
+ stroke-linejoin =" round"
271
+ stroke-width =" 16" /><line
272
+ x1 =" 32"
273
+ y1 =" 108"
274
+ x2 =" 56"
275
+ y2 =" 108"
276
+ fill =" none"
277
+ :stroke =" displayColor"
278
+ stroke-linecap =" round"
279
+ stroke-linejoin =" round"
280
+ stroke-width =" 16" /><line
281
+ x1 =" 32"
282
+ y1 =" 68"
283
+ x2 =" 56"
284
+ y2 =" 68"
285
+ fill =" none"
286
+ :stroke =" displayColor"
287
+ stroke-linecap =" round"
288
+ stroke-linejoin =" round"
289
+ stroke-width =" 16" /><line
290
+ x1 =" 32"
291
+ y1 =" 148"
292
+ x2 =" 56"
293
+ y2 =" 148"
294
+ fill =" none"
295
+ :stroke =" displayColor"
296
+ stroke-linecap =" round"
297
+ stroke-linejoin =" round"
298
+ stroke-width =" 16" /><line
299
+ x1 =" 32"
300
+ y1 =" 188"
301
+ x2 =" 56"
302
+ y2 =" 188"
303
+ fill =" none"
304
+ :stroke =" displayColor"
305
+ stroke-linecap =" round"
306
+ stroke-linejoin =" round"
307
+ stroke-width =" 16" /><path
308
+ d =" M88,168a60,60,0,0,1,96,0"
309
+ fill =" none"
310
+ :stroke =" displayColor"
311
+ stroke-linecap =" round"
312
+ stroke-linejoin =" round"
313
+ stroke-width =" 16" /><rect
314
+ x =" 40"
315
+ y =" 48"
316
+ width =" 192"
317
+ height =" 160"
318
+ rx =" 8"
319
+ transform =" translate(264 -8) rotate(90)"
320
+ fill =" none"
321
+ :stroke =" displayColor"
322
+ stroke-linecap =" round"
323
+ stroke-linejoin =" round"
324
+ stroke-width =" 16" /></g >
18
325
</svg >
19
326
</template >
20
327
@@ -25,8 +332,8 @@ import { IconComputed, IconProps, IconContext } from '@/lib/types'
25
332
26
333
export default Vue .extend <{}, {}, IconComputed , IconProps >({
27
334
name: ` PhAddressBook ` ,
28
- props: PropValidator ,
29
335
inject: ContextGetter ,
336
+ props: PropValidator ,
30
337
computed: {
31
338
displayWeight() {
32
339
const { weight, contextWeight } = this as IconProps & IconContext
0 commit comments