@tekkare/romulus 0.1.186 → 0.1.188
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.
package/dist/module.json
CHANGED
|
@@ -493,18 +493,22 @@ function submit() {
|
|
|
493
493
|
plus, et l'utilisateur a besoin de savoir qu'il peut chercher par
|
|
494
494
|
molecule ou par classe.
|
|
495
495
|
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
496
|
+
RmComplexSelect plutot que RmFilterComplex : ce dernier est la
|
|
497
|
+
pastille d'une barre de filtres, posee dans une modale elle se
|
|
498
|
+
coupait a son bord (panneau en position absolue, coupe par le
|
|
499
|
+
`overflow-y: auto` du corps de la modale) et restait a la taille
|
|
500
|
+
d'un filtre de barre plutot que d'un champ de formulaire.
|
|
501
|
+
RmComplexSelect est le meme geste, deux colonnes, mais dimensionne
|
|
502
|
+
pour un champ et pose son panneau par Teleport, insensible au
|
|
503
|
+
defilement de la modale. `filter-search` a false : les options
|
|
504
|
+
arrivent deja filtrees par le serveur (cf. `@search`). -->
|
|
505
|
+
<RmComplexSelect
|
|
502
506
|
v-model="brands"
|
|
503
507
|
v-model:search="brandSearch"
|
|
504
508
|
:label="T.brandsSearch"
|
|
505
509
|
:options="brandOptions.map((brand) => ({ label: brand, value: brand }))"
|
|
506
|
-
|
|
507
|
-
|
|
510
|
+
:loading="brandsLoading"
|
|
511
|
+
:filter-search="false"
|
|
508
512
|
:lang="lang"
|
|
509
513
|
/>
|
|
510
514
|
<p v-if="brands.length > maxBrands" class="rm-alert-form__error">
|
|
@@ -44,6 +44,12 @@ withDefaults(
|
|
|
44
44
|
moreLabel?: string
|
|
45
45
|
/** Curseur main et surbrillance au survol : la carte est un lien. */
|
|
46
46
|
clickable?: boolean
|
|
47
|
+
/**
|
|
48
|
+
* Rendu serre : memes zones, moitie moins d'air, titre et compteur plus
|
|
49
|
+
* petits, corps borne a deux lignes. Pour une liste qu'on parcourt plus
|
|
50
|
+
* qu'on ne lit (un projet, un panneau), sans changer ce que dit la carte.
|
|
51
|
+
*/
|
|
52
|
+
dense?: boolean
|
|
47
53
|
/**
|
|
48
54
|
* Menu d'actions en haut a droite (exporter, partager). Les items visuels
|
|
49
55
|
* (PNG, SVG, plein ecran) n'y sont pas : une carte de resultat ne dessine
|
|
@@ -74,6 +80,7 @@ withDefaults(
|
|
|
74
80
|
countExtra: '',
|
|
75
81
|
moreLabel: '',
|
|
76
82
|
clickable: false,
|
|
83
|
+
dense: false,
|
|
77
84
|
actions: true,
|
|
78
85
|
link: undefined,
|
|
79
86
|
lang: 'fr',
|
|
@@ -83,7 +90,7 @@ withDefaults(
|
|
|
83
90
|
</script>
|
|
84
91
|
|
|
85
92
|
<template>
|
|
86
|
-
<div class="rm-rcard" :class="{ 'rm-rcard--clickable': clickable }">
|
|
93
|
+
<div class="rm-rcard" :class="{ 'rm-rcard--clickable': clickable, 'rm-rcard--dense': dense }">
|
|
87
94
|
<div class="rm-rcard__head">
|
|
88
95
|
<div class="rm-rcard__identity">
|
|
89
96
|
<h3 class="rm-rcard__title"><slot name="title" /></h3>
|
|
@@ -120,5 +127,5 @@ withDefaults(
|
|
|
120
127
|
</template>
|
|
121
128
|
|
|
122
129
|
<style scoped>
|
|
123
|
-
.rm-rcard{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);color:var(--text-primary);display:block;font-family:var(--font-sans);overflow:hidden;transition:border-color var(--duration-fast) linear,box-shadow var(--duration-fast) linear;width:100%}.rm-rcard--clickable{cursor:pointer}.rm-rcard--clickable:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--border-default));box-shadow:var(--shadow-md)}.rm-rcard__head{align-items:flex-start;display:flex;gap:var(--space-16);padding:var(--space-20) var(--space-24) 0}.rm-rcard__identity{flex:1 1 auto;min-width:0}.rm-rcard__title{font-size:var(--font-18);font-weight:800;letter-spacing:.01em;margin:0}.rm-rcard__subtitle{color:var(--text-muted);font-size:var(--font-14);margin-top:4px;overflow-wrap:anywhere}.rm-rcard__actions{align-items:center;display:flex;flex:0 0 auto;gap:var(--space-8)}.rm-rcard__body{align-items:stretch;display:flex;gap:var(--space-24);padding:var(--space-16) var(--space-24) var(--space-20)}.rm-rcard__count{align-items:center;border-right:1px solid var(--border-default);display:flex;flex:0 0 128px;flex-direction:column;gap:var(--space-2);justify-content:center;padding-right:var(--space-24);text-align:center}.rm-rcard__count-value{color:var(--color-primary);font-size:var(--font-32);font-weight:var(--weight-bold);line-height:1.1;margin:0}.rm-rcard__count-label{color:var(--text-muted);font-size:var(--font-12);font-weight:var(--weight-semibold);letter-spacing:.08em;margin:0;text-transform:uppercase}.rm-rcard__count-extra{color:var(--color-primary);font-size:var(--font-13);line-height:1.3;margin:6px 0 0}.rm-rcard__main{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-6);min-width:0}.rm-rcard__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-8)}.rm-rcard__more{color:var(--color-primary);font-size:var(--font-14);font-weight:var(--weight-semibold);margin:4px 0 0}.rm-rcard__footer{background:var(--bg-surface-2);border-top:1px solid var(--border-default);font-size:var(--font-13);padding:var(--space-12) var(--space-24)}.rm-rcard :deep(.rm-rcard__label){align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--font-12);font-weight:var(--weight-bold);gap:var(--space-4);letter-spacing:.06em;text-transform:uppercase}.rm-rcard :deep(.rm-rcard__ref){background:var(--bg-surface-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:Courier New,monospace;font-size:var(--font-12);padding:var(--space-2) var(--space-8)}.rm-rcard :deep(.rm-rcard__lead){font-size:15px;font-weight:var(--weight-bold);margin:0}.rm-rcard :deep(.rm-rcard__text){font-size:15px;margin:0}.rm-rcard :deep(.rm-rcard__desc){color:var(--text-secondary);font-size:var(--font-14);line-height:1.5;margin:0}.rm-rcard :deep(.rm-rcard__clamp){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
|
|
130
|
+
.rm-rcard{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);color:var(--text-primary);display:block;font-family:var(--font-sans);overflow:hidden;transition:border-color var(--duration-fast) linear,box-shadow var(--duration-fast) linear;width:100%}.rm-rcard--clickable{cursor:pointer}.rm-rcard--clickable:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--border-default));box-shadow:var(--shadow-md)}.rm-rcard__head{align-items:flex-start;display:flex;gap:var(--space-16);padding:var(--space-20) var(--space-24) 0}.rm-rcard__identity{flex:1 1 auto;min-width:0}.rm-rcard__title{font-size:var(--font-18);font-weight:800;letter-spacing:.01em;margin:0}.rm-rcard__subtitle{color:var(--text-muted);font-size:var(--font-14);margin-top:4px;overflow-wrap:anywhere}.rm-rcard__actions{align-items:center;display:flex;flex:0 0 auto;gap:var(--space-8)}.rm-rcard__body{align-items:stretch;display:flex;gap:var(--space-24);padding:var(--space-16) var(--space-24) var(--space-20)}.rm-rcard__count{align-items:center;border-right:1px solid var(--border-default);display:flex;flex:0 0 128px;flex-direction:column;gap:var(--space-2);justify-content:center;padding-right:var(--space-24);text-align:center}.rm-rcard__count-value{color:var(--color-primary);font-size:var(--font-32);font-weight:var(--weight-bold);line-height:1.1;margin:0}.rm-rcard__count-label{color:var(--text-muted);font-size:var(--font-12);font-weight:var(--weight-semibold);letter-spacing:.08em;margin:0;text-transform:uppercase}.rm-rcard__count-extra{color:var(--color-primary);font-size:var(--font-13);line-height:1.3;margin:6px 0 0}.rm-rcard__main{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-6);min-width:0}.rm-rcard__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-8)}.rm-rcard__more{color:var(--color-primary);font-size:var(--font-14);font-weight:var(--weight-semibold);margin:4px 0 0}.rm-rcard__footer{background:var(--bg-surface-2);border-top:1px solid var(--border-default);font-size:var(--font-13);padding:var(--space-12) var(--space-24)}.rm-rcard :deep(.rm-rcard__label){align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--font-12);font-weight:var(--weight-bold);gap:var(--space-4);letter-spacing:.06em;text-transform:uppercase}.rm-rcard :deep(.rm-rcard__ref){background:var(--bg-surface-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:Courier New,monospace;font-size:var(--font-12);padding:var(--space-2) var(--space-8)}.rm-rcard :deep(.rm-rcard__lead){font-size:15px;font-weight:var(--weight-bold);margin:0}.rm-rcard :deep(.rm-rcard__text){font-size:15px;margin:0}.rm-rcard :deep(.rm-rcard__desc){color:var(--text-secondary);font-size:var(--font-14);line-height:1.5;margin:0}.rm-rcard :deep(.rm-rcard__clamp){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rm-rcard--dense{border-radius:var(--radius-xl)}.rm-rcard--dense .rm-rcard__head{gap:var(--space-12);padding:var(--space-12) var(--space-16) 0}.rm-rcard--dense .rm-rcard__title{font-size:15px}.rm-rcard--dense .rm-rcard__subtitle{font-size:var(--font-13);margin-top:2px}.rm-rcard--dense .rm-rcard__body{gap:var(--space-16);padding:var(--space-8) var(--space-16) var(--space-12)}.rm-rcard--dense .rm-rcard__count{flex-basis:88px;padding-right:var(--space-16)}.rm-rcard--dense .rm-rcard__count-value{font-size:var(--font-24)}.rm-rcard--dense .rm-rcard__count-label{font-size:var(--font-11)}.rm-rcard--dense .rm-rcard__count-extra{font-size:var(--font-12);margin-top:2px}.rm-rcard--dense .rm-rcard__main{gap:var(--space-4)}.rm-rcard--dense .rm-rcard__more{font-size:var(--font-13);margin-top:2px}.rm-rcard--dense .rm-rcard__footer{font-size:var(--font-12);padding:var(--space-6) var(--space-16)}.rm-rcard--dense :deep(.rm-rcard__lead),.rm-rcard--dense :deep(.rm-rcard__text){font-size:var(--font-14)}.rm-rcard--dense :deep(.rm-rcard__desc){font-size:var(--font-13)}.rm-rcard--dense :deep(.rm-rcard__clamp){-webkit-line-clamp:2}
|
|
124
131
|
</style>
|