Skip to content

Commit c5b03ae

Browse files
uyarntdesign-bot
andauthored
feat(icons): new version of tdesign icons (#5968)
* feat(icons): new version of tdesign icons * feat(icons): new version of tdesign icons * chore: update demo * feat: specified icon * chore: update snapshot * feat: official version * chore: update snapshot * chore: stash changelog [ci skip] --------- Co-authored-by: tdesign-bot <[email protected]>
1 parent 9dab1f4 commit c5b03ae

File tree

20 files changed

+1409
-369
lines changed

20 files changed

+1409
-369
lines changed

internal/utils/src/catalogs.ts

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -90,8 +90,7 @@ export const catalogs = {
9090
},
9191
tdesign: {
9292
'@tdesign/site-components': '^0.17.0',
93-
'tdesign-icons-view': '^0.3.7',
94-
'tdesign-icons-vue-next': '^0.3.7',
93+
'tdesign-icons-vue-next': '~0.4.1',
9594
'tdesign-publish-cli': '^0.0.12',
9695
'tdesign-theme-generator': '^1.1.8',
9796
},

packages/components/avatar/__tests__/__snapshots__/avatar.test.tsx.snap

Lines changed: 155 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -61,14 +61,40 @@ exports[`Avatar > props > :content[string/function] 2`] = `
6161
class="t-icon t-icon-image"
6262
fill="none"
6363
height="1em"
64-
style="font-size: 24px;"
64+
style="fill: none; font-size: 24px;"
6565
viewBox="0 0 24 24"
6666
width="1em"
6767
>
68-
<path
69-
d="M2 2H22V22H2V2ZM4 20H17.5858L9 11.4142L4 16.4142V20ZM20 19.5858V4H4V13.5858L9 8.58579L20 19.5858ZM15.5469 7C14.9946 7 14.5469 7.44772 14.5469 8C14.5469 8.55228 14.9946 9 15.5469 9C16.0992 9 16.5469 8.55228 16.5469 8C16.5469 7.44772 16.0992 7 15.5469 7ZM12.5469 8C12.5469 6.34315 13.89 5 15.5469 5C17.2037 5 18.5469 6.34315 18.5469 8C18.5469 9.65685 17.2037 11 15.5469 11C13.89 11 12.5469 9.65685 12.5469 8Z"
70-
fill="currentColor"
71-
/>
68+
<g
69+
id="image"
70+
>
71+
<path
72+
d="M3 21H20L9 10L3 16V21Z"
73+
fill="transparent"
74+
id="fill1"
75+
/>
76+
<circle
77+
cx="15.75"
78+
cy="8.25"
79+
fill="transparent"
80+
id="fill2"
81+
r="2"
82+
/>
83+
<path
84+
d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
85+
id="stroke1"
86+
stroke="currentColor"
87+
stroke-width="2"
88+
/>
89+
<circle
90+
cx="15.75"
91+
cy="8.25"
92+
id="stroke2"
93+
r="2"
94+
stroke="currentColor"
95+
stroke-width="2"
96+
/>
97+
</g>
7298
</svg>
7399
</div>
74100
<!---->
@@ -152,14 +178,40 @@ exports[`Avatar > props > :default[string/function] 2`] = `
152178
class="t-icon t-icon-image"
153179
fill="none"
154180
height="1em"
155-
style="font-size: 24px;"
181+
style="fill: none; font-size: 24px;"
156182
viewBox="0 0 24 24"
157183
width="1em"
158184
>
159-
<path
160-
d="M2 2H22V22H2V2ZM4 20H17.5858L9 11.4142L4 16.4142V20ZM20 19.5858V4H4V13.5858L9 8.58579L20 19.5858ZM15.5469 7C14.9946 7 14.5469 7.44772 14.5469 8C14.5469 8.55228 14.9946 9 15.5469 9C16.0992 9 16.5469 8.55228 16.5469 8C16.5469 7.44772 16.0992 7 15.5469 7ZM12.5469 8C12.5469 6.34315 13.89 5 15.5469 5C17.2037 5 18.5469 6.34315 18.5469 8C18.5469 9.65685 17.2037 11 15.5469 11C13.89 11 12.5469 9.65685 12.5469 8Z"
161-
fill="currentColor"
162-
/>
185+
<g
186+
id="image"
187+
>
188+
<path
189+
d="M3 21H20L9 10L3 16V21Z"
190+
fill="transparent"
191+
id="fill1"
192+
/>
193+
<circle
194+
cx="15.75"
195+
cy="8.25"
196+
fill="transparent"
197+
id="fill2"
198+
r="2"
199+
/>
200+
<path
201+
d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
202+
id="stroke1"
203+
stroke="currentColor"
204+
stroke-width="2"
205+
/>
206+
<circle
207+
cx="15.75"
208+
cy="8.25"
209+
id="stroke2"
210+
r="2"
211+
stroke="currentColor"
212+
stroke-width="2"
213+
/>
214+
</g>
163215
</svg>
164216
</div>
165217
<!---->
@@ -273,14 +325,40 @@ exports[`AvatarGroup > props > :collapseAvatar[slot] 1`] = `
273325
class="t-icon t-icon-image"
274326
fill="none"
275327
height="1em"
276-
style="font-size: 24px;"
328+
style="fill: none; font-size: 24px;"
277329
viewBox="0 0 24 24"
278330
width="1em"
279331
>
280-
<path
281-
d="M2 2H22V22H2V2ZM4 20H17.5858L9 11.4142L4 16.4142V20ZM20 19.5858V4H4V13.5858L9 8.58579L20 19.5858ZM15.5469 7C14.9946 7 14.5469 7.44772 14.5469 8C14.5469 8.55228 14.9946 9 15.5469 9C16.0992 9 16.5469 8.55228 16.5469 8C16.5469 7.44772 16.0992 7 15.5469 7ZM12.5469 8C12.5469 6.34315 13.89 5 15.5469 5C17.2037 5 18.5469 6.34315 18.5469 8C18.5469 9.65685 17.2037 11 15.5469 11C13.89 11 12.5469 9.65685 12.5469 8Z"
282-
fill="currentColor"
283-
/>
332+
<g
333+
id="image"
334+
>
335+
<path
336+
d="M3 21H20L9 10L3 16V21Z"
337+
fill="transparent"
338+
id="fill1"
339+
/>
340+
<circle
341+
cx="15.75"
342+
cy="8.25"
343+
fill="transparent"
344+
id="fill2"
345+
r="2"
346+
/>
347+
<path
348+
d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
349+
id="stroke1"
350+
stroke="currentColor"
351+
stroke-width="2"
352+
/>
353+
<circle
354+
cx="15.75"
355+
cy="8.25"
356+
id="stroke2"
357+
r="2"
358+
stroke="currentColor"
359+
stroke-width="2"
360+
/>
361+
</g>
284362
</svg>
285363
</div>
286364
<!---->
@@ -378,14 +456,40 @@ exports[`AvatarGroup > props > :collapseAvatar[string/function] 1`] = `
378456
class="t-icon t-icon-image"
379457
fill="none"
380458
height="1em"
381-
style="font-size: 24px;"
459+
style="fill: none; font-size: 24px;"
382460
viewBox="0 0 24 24"
383461
width="1em"
384462
>
385-
<path
386-
d="M2 2H22V22H2V2ZM4 20H17.5858L9 11.4142L4 16.4142V20ZM20 19.5858V4H4V13.5858L9 8.58579L20 19.5858ZM15.5469 7C14.9946 7 14.5469 7.44772 14.5469 8C14.5469 8.55228 14.9946 9 15.5469 9C16.0992 9 16.5469 8.55228 16.5469 8C16.5469 7.44772 16.0992 7 15.5469 7ZM12.5469 8C12.5469 6.34315 13.89 5 15.5469 5C17.2037 5 18.5469 6.34315 18.5469 8C18.5469 9.65685 17.2037 11 15.5469 11C13.89 11 12.5469 9.65685 12.5469 8Z"
387-
fill="currentColor"
388-
/>
463+
<g
464+
id="image"
465+
>
466+
<path
467+
d="M3 21H20L9 10L3 16V21Z"
468+
fill="transparent"
469+
id="fill1"
470+
/>
471+
<circle
472+
cx="15.75"
473+
cy="8.25"
474+
fill="transparent"
475+
id="fill2"
476+
r="2"
477+
/>
478+
<path
479+
d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
480+
id="stroke1"
481+
stroke="currentColor"
482+
stroke-width="2"
483+
/>
484+
<circle
485+
cx="15.75"
486+
cy="8.25"
487+
id="stroke2"
488+
r="2"
489+
stroke="currentColor"
490+
stroke-width="2"
491+
/>
492+
</g>
389493
</svg>
390494
</div>
391495
<!---->
@@ -477,14 +581,40 @@ exports[`AvatarGroup > props > :collapseAvatar[string/function] 2`] = `
477581
class="t-icon t-icon-image"
478582
fill="none"
479583
height="1em"
480-
style="font-size: 24px;"
584+
style="fill: none; font-size: 24px;"
481585
viewBox="0 0 24 24"
482586
width="1em"
483587
>
484-
<path
485-
d="M2 2H22V22H2V2ZM4 20H17.5858L9 11.4142L4 16.4142V20ZM20 19.5858V4H4V13.5858L9 8.58579L20 19.5858ZM15.5469 7C14.9946 7 14.5469 7.44772 14.5469 8C14.5469 8.55228 14.9946 9 15.5469 9C16.0992 9 16.5469 8.55228 16.5469 8C16.5469 7.44772 16.0992 7 15.5469 7ZM12.5469 8C12.5469 6.34315 13.89 5 15.5469 5C17.2037 5 18.5469 6.34315 18.5469 8C18.5469 9.65685 17.2037 11 15.5469 11C13.89 11 12.5469 9.65685 12.5469 8Z"
486-
fill="currentColor"
487-
/>
588+
<g
589+
id="image"
590+
>
591+
<path
592+
d="M3 21H20L9 10L3 16V21Z"
593+
fill="transparent"
594+
id="fill1"
595+
/>
596+
<circle
597+
cx="15.75"
598+
cy="8.25"
599+
fill="transparent"
600+
id="fill2"
601+
r="2"
602+
/>
603+
<path
604+
d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
605+
id="stroke1"
606+
stroke="currentColor"
607+
stroke-width="2"
608+
/>
609+
<circle
610+
cx="15.75"
611+
cy="8.25"
612+
id="stroke2"
613+
r="2"
614+
stroke="currentColor"
615+
stroke-width="2"
616+
/>
617+
</g>
488618
</svg>
489619
</div>
490620
<!---->

packages/components/back-top/__tests__/__snapshots__/back-top.test.tsx.snap

Lines changed: 36 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -71,13 +71,21 @@ exports[`BackTop > props > :offset[Array] 1`] = `
7171
class="t-icon t-icon-backtop t-back-top__icon"
7272
fill="none"
7373
height="1em"
74+
style="fill: none;"
7475
viewBox="0 0 24 24"
7576
width="1em"
7677
>
77-
<path
78-
d="M4 4H20V6H4V4ZM12 7.58579L18.9142 14.5L17.5 15.9142L13 11.4142V21H11V11.4142L6.5 15.9142L5.08579 14.5L12 7.58579Z"
79-
fill="currentColor"
80-
/>
78+
<g
79+
id="backtop"
80+
>
81+
<path
82+
d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
83+
id="stroke1"
84+
stroke="currentColor"
85+
stroke-linecap="square"
86+
stroke-width="2"
87+
/>
88+
</g>
8189
</svg>
8290
<span
8391
class="t-back-top__text"
@@ -99,13 +107,21 @@ exports[`BackTop > props > :shape[circle/square] > shape-circle 1`] = `
99107
class="t-icon t-icon-backtop t-back-top__icon"
100108
fill="none"
101109
height="1em"
110+
style="fill: none;"
102111
viewBox="0 0 24 24"
103112
width="1em"
104113
>
105-
<path
106-
d="M4 4H20V6H4V4ZM12 7.58579L18.9142 14.5L17.5 15.9142L13 11.4142V21H11V11.4142L6.5 15.9142L5.08579 14.5L12 7.58579Z"
107-
fill="currentColor"
108-
/>
114+
<g
115+
id="backtop"
116+
>
117+
<path
118+
d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
119+
id="stroke1"
120+
stroke="currentColor"
121+
stroke-linecap="square"
122+
stroke-width="2"
123+
/>
124+
</g>
109125
</svg>
110126
<span
111127
class="t-back-top__text"
@@ -127,13 +143,21 @@ exports[`BackTop > props > :shape[circle/square] > shape-square 1`] = `
127143
class="t-icon t-icon-backtop t-back-top__icon"
128144
fill="none"
129145
height="1em"
146+
style="fill: none;"
130147
viewBox="0 0 24 24"
131148
width="1em"
132149
>
133-
<path
134-
d="M4 4H20V6H4V4ZM12 7.58579L18.9142 14.5L17.5 15.9142L13 11.4142V21H11V11.4142L6.5 15.9142L5.08579 14.5L12 7.58579Z"
135-
fill="currentColor"
136-
/>
150+
<g
151+
id="backtop"
152+
>
153+
<path
154+
d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
155+
id="stroke1"
156+
stroke="currentColor"
157+
stroke-linecap="square"
158+
stroke-width="2"
159+
/>
160+
</g>
137161
</svg>
138162
<span
139163
class="t-back-top__text"

0 commit comments

Comments
 (0)