@tekkare/romulus 0.1.213 → 0.1.215
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
|
@@ -90,14 +90,20 @@ const slots = useSlots()
|
|
|
90
90
|
const hasAdvanced = computed(() => !!slots.Advanced)
|
|
91
91
|
const hasCustomize = computed(() => !!slots.Customize)
|
|
92
92
|
const hasRail = computed(() => !!slots.Rail)
|
|
93
|
+
const hasRailBelow = computed(() => !!slots.RailBelow)
|
|
93
94
|
const hasSearch = computed(() => !!slots.Search)
|
|
94
95
|
/**
|
|
95
96
|
* Le rail ne descend sur sa propre rangee que si la barre porte AUSSI un champ
|
|
96
97
|
* de recherche : c'est le champ qui lui dispute la place, pas les puces. Sans
|
|
97
98
|
* champ, il tient a cote de « Filtres » et une rangee de plus ne ferait
|
|
98
99
|
* qu'eloigner le contenu du bandeau.
|
|
100
|
+
*
|
|
101
|
+
* Le slot #RailBelow, lui, a toujours sa rangee : la page y pose le reglage
|
|
102
|
+
* trop long pour la premiere ligne (les niveaux d'agregation, du produit au
|
|
103
|
+
* fabricant) et garde le court (l'unite lue) a cote des puces.
|
|
99
104
|
*/
|
|
100
|
-
const
|
|
105
|
+
const railOnOwnRow = computed(() => hasRail.value && hasSearch.value)
|
|
106
|
+
const hasRailRow = computed(() => railOnOwnRow.value || hasRailBelow.value)
|
|
101
107
|
|
|
102
108
|
function toggle(which: RmFilterBarPanel) {
|
|
103
109
|
panel.value = panel.value === which ? null : which
|
|
@@ -211,7 +217,7 @@ onBeforeUnmount(() => {
|
|
|
211
217
|
|
|
212
218
|
<!-- Rail pose sur la rangee des puces : cas ordinaire, une page sans
|
|
213
219
|
champ de recherche. -->
|
|
214
|
-
<div v-if="hasRail && !
|
|
220
|
+
<div v-if="hasRail && !railOnOwnRow" class="rm-fbar__rail">
|
|
215
221
|
<slot name="Rail" />
|
|
216
222
|
</div>
|
|
217
223
|
|
|
@@ -246,10 +252,11 @@ onBeforeUnmount(() => {
|
|
|
246
252
|
ses derniers segments coupes, et le champ tombait a sa largeur
|
|
247
253
|
minimale. Chacun sur sa ligne prend alors toute la largeur de la
|
|
248
254
|
colonne. -->
|
|
249
|
-
<div v-if="
|
|
255
|
+
<div v-if="hasRailRow" class="rm-fbar__band rm-fbar__band--rail">
|
|
250
256
|
<div class="rm-fbar__rail-row">
|
|
251
257
|
<div class="rm-fbar__rail">
|
|
252
|
-
<slot name="Rail" />
|
|
258
|
+
<slot v-if="railOnOwnRow" name="Rail" />
|
|
259
|
+
<slot name="RailBelow" />
|
|
253
260
|
</div>
|
|
254
261
|
</div>
|
|
255
262
|
</div>
|