Skip to content

Commit a546033

Browse files
laruisslaruiss
authored
Merge pull request #1031 from dnum-mi/develop
Develop
2 parents e755524 + ae17c66 commit a546033

File tree

97 files changed

+2376
-2837
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

97 files changed

+2376
-2837
lines changed

‎.github/workflows/run-tests.yml

Lines changed: 9 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -34,19 +34,17 @@ jobs:
3434
run: pnpm check-exports-ci
3535
- name: Test
3636
run: pnpm test
37-
- name: Install Playwright with dependencies
38-
run: pnpx playwright install --with-deps
39-
- name: Install Playwright
40-
run: pnpx playwright install
37+
# - name: Install Playwright with dependencies
38+
# run: pnpx playwright install --with-deps firefox
4139

4240
- name: Build Storybook
4341
run: pnpm build-storybook --quiet
44-
- name: Serve Storybook and run tests
45-
env:
46-
TEST_STORYBOOK_URL: http://localhost:6006
47-
run: |
48-
pnpx concurrently -k -s first -n "SB,TEST" -c "magenta,blue" \
49-
"pnpx http-server storybook-static --port 6006 --silent" \
50-
"pnpx wait-on tcp:6006 && pnpm test-storybook"
42+
# - name: Serve Storybook and run tests
43+
# env:
44+
# TEST_STORYBOOK_URL: http://localhost:6006
45+
# run: |
46+
# pnpx concurrently -k -s first -n "SB,TEST" -c "magenta,blue" \
47+
# "pnpx http-server storybook-static --port 6006 --silent" \
48+
# "pnpx wait-on tcp:6006 && pnpm test-storybook"
5149
- name: Build
5250
run: pnpm build

‎.vitepress/config.ts

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -357,6 +357,12 @@ const composants = [
357357
{
358358
text: 'DsfrTag',
359359
link: '/composants/DsfrTag.md',
360+
items: [
361+
{
362+
text: 'DsfrTags',
363+
link: '/composants/DsfrTags.md',
364+
},
365+
],
360366
},
361367
{
362368
text: 'DsfrTile',

‎demo-app/main.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
.flex {
2+
display: flex;
3+
}
4+
5+
.justify-center {
6+
justify-content: center;
7+
}
8+
9+
.items-center {
10+
align-items: center;
11+
}

‎demo-app/main.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,8 @@ import '@gouvfr/dsfr/dist/utility/utility.main.min.css'
1212

1313
import '@gouvfr/dsfr/dist/utility/icons/icons.main.min.css'
1414

15+
import './main.css'
16+
1517
createApp(App)
1618
.use(router)
1719
.use(VueDsfr)

‎demo-app/views/AppHome.vue

Lines changed: 57 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<script setup>
1+
<script setup lang="ts">
22
import pDebounce from 'p-debounce'
33
import { ref, watch } from 'vue'
44
@@ -71,6 +71,27 @@ const onClick = () => {
7171
}
7272
7373
const activeAccordion = ref(-1)
74+
75+
const selection = ref([])
76+
const headers = [
77+
{
78+
key: 'id',
79+
label: 'ID',
80+
},
81+
{
82+
key: 'name',
83+
label: 'Name',
84+
},
85+
{
86+
key: 'email',
87+
label: 'Email',
88+
},
89+
]
90+
const rows = [
91+
[1, 'John Doe', '[email protected]'],
92+
[2, 'Jane Doe', '[email protected]'],
93+
[3, 'James Bond', '[email protected]'],
94+
]
7495
</script>
7596

7697
<template>
@@ -126,16 +147,48 @@ const activeAccordion = ref(-1)
126147
</DsfrAccordion>
127148
</DsfrAccordionsGroup>
128149
</div>
150+
<div>
151+
<DsfrDataTable
152+
v-model:selection="selection"
153+
title="Titre du tableau (caption)"
154+
:headers-row="headers"
155+
:rows="rows"
156+
selectable-rows
157+
sortable-rows
158+
:row-key="0"
159+
>
160+
<template #cell="{ colKey, cell }">
161+
<template v-if="colKey === 'email'">
162+
<DsfrTooltip
163+
content="Envoyer un courriel"
164+
on-hover
165+
>
166+
<a :href="`mailto:${cell as string}`">{{ cell }}</a>
167+
</DsfrTooltip>
168+
</template>
169+
<template v-else>
170+
<div class="flex items-center">
171+
{{ cell }}
172+
<DsfrTooltip
173+
:content="`(${colKey})`"
174+
href="#"
175+
/>
176+
</div>
177+
</template>
178+
</template>
179+
</DsfrDataTable>
180+
</div>
129181

130-
<div class="flex justify-between w-full relative">
182+
<div class="flex justify-between items-center gap-2 w-full relative">
131183
<DsfrTooltip
132184
on-hover
133185
content="Texte de l’info-bulle qui apparaît au survol"
134186
>
135187
Au survol
136188
</DsfrTooltip>
137189

138-
Et au clic avec une icône seulement :
190+
<span>Et au clic avec une icône seulement :</span>
191+
139192
<DsfrTooltip
140193
content="Texte de l’info-bulle qui apparaît au clic"
141194
/>
@@ -148,7 +201,7 @@ const activeAccordion = ref(-1)
148201
<AsyncButton
149202
:is-loading="isLoading"
150203
:disabled="disabled"
151-
@click="onClick($event)"
204+
@click="onClick()"
152205
>
153206
Cliquer pour voir un chargement
154207
</AsyncButton>

‎demo-app/views/AppTags.vue

Lines changed: 51 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
11
<script lang="ts" setup>
2+
import { ref } from 'vue'
3+
24
import DsfrTag from '../../src/components/DsfrTag/DsfrTag.vue'
35
import DsfrTags from '../../src/components/DsfrTag/DsfrTags.vue'
6+
import type { DsfrTagProps } from '../../src/components/DsfrTag/DsfrTags.types'
47
58
const tags = [
69
{
@@ -12,19 +15,64 @@ const tags = [
1215
label: 'Elément 2 de la liste de tags',
1316
},
1417
]
18+
19+
const tagSet: (DsfrTagProps)[] = [
20+
{
21+
icon: 'fr-icon-ancient-pavilion-fill',
22+
label: 'Les tags individuels',
23+
selectable: true,
24+
selected: true,
25+
value: 'individualTags',
26+
},
27+
{
28+
icon: 'ri-notification-3-line',
29+
label: 'Les ensembles de tags',
30+
selectable: true,
31+
value: 'tagSets',
32+
},
33+
]
34+
35+
const loneTag = ref(false)
36+
37+
const filters = ref(['individualTags', 'tagSets'])
1538
</script>
1639

1740
<template>
18-
<div>
41+
<div class="fr-mt-2w">
42+
<DsfrTags
43+
v-model="filters"
44+
:tags="tagSet"
45+
/>
46+
</div>
47+
<div
48+
v-show="filters.includes('individualTags')"
49+
>
1950
<DsfrTag label="Bonjour VueDsfr !" />
2051
</div>
21-
<div class="fr-mt-2w">
52+
<div
53+
v-show="filters.includes('individualTags')"
54+
class="fr-mt-2w"
55+
>
2256
<DsfrTag
2357
label="Vue Power"
2458
icon="ri-notification-3-line"
2559
/>
2660
</div>
27-
<div class="fr-mt-2w">
61+
<div
62+
v-show="filters.includes('individualTags')"
63+
class="fr-mt-2w"
64+
>
65+
<DsfrTag
66+
label="Tag tout cliquable seul !"
67+
selectable
68+
:selected="loneTag"
69+
@select="loneTag = !loneTag"
70+
/>
71+
</div>
72+
<div
73+
v-show="filters.includes('tagSets')"
74+
class="fr-mt-2w"
75+
>
2876
<DsfrTags :tags="tags" />
2977
</div>
3078
</template>

‎docs/gabarit-doc-composant.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Tuile - `DsfrTile`
22

3-
## 🌟 Introduction
3+
## 🌟Introduction
44

55
La tuile est un raccourci ou point d’entrée qui redirige les utilisateurs vers des pages de contenu. Elle fait généralement partie d'une collection ou liste de tuiles similaires. La tuile n’est jamais présentée de manière isolée.
66

@@ -10,7 +10,7 @@ Le composant `DsfrTile` est une tuile flexible et stylisée, idéale pour affich
1010

1111
<VIcon name="vi-file-type-storybook" /> La story sur la tuile sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrtile--docs)
1212

13-
## 📐 Structure
13+
## 📐Structure
1414

1515
- `<DsfrTile>` : Le composant principal.
1616
- Affiche un titre, une description, des détails et un pictogramme (image ou SVG).
@@ -39,15 +39,15 @@ Le composant `DsfrTile` est une tuile flexible et stylisée, idéale pour affich
3939
| `noBackground` | `boolean` | Si vrai, n'affiche pas de fond dans la tuile. | `false` |
4040
| `grey` | `boolean` | Si vrai, affiche un fond gris pour la tuile. | `false` |
4141

42-
## 📡 Événements
42+
## 📡Événements
4343

4444
Ce composant ne déclenche pas d'événements spécifiques.
4545

46-
## 🧩 Slots
46+
## 🧩Slots
4747

4848
- `header` : Slot pour insérer du contenu personnalisé dans l'en-tête de la tuile.
4949

50-
## 📝 Exemples
50+
## 📝Exemples
5151

5252
Section vide comme demandé.
5353

‎docs/guide/guide-developpeur.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,7 @@ Vous devriez voir 20.x.x
9595
- Faire des demandes dans [discussions](https://github.com/dnum-mi/vue-dsfr/discussions)
9696
- Rejoindre le [server Discord](https://discord.gg/jbBJ9769ZZ)
9797

98-
### À propos des pull-requests
98+
### Àpropos des pull-requests
9999

100100
Les commits doivent suivre la spécification des **[Commits Conventionnels](https://www.conventionalcommits.org/fr/v1.0.0/)** afin que
101101
l’outil de release automatique détecte les nouvelles fonctionnalités et les corrections d’anomalies.

0 commit comments

Comments
 (0)