Improvement - Add menuIcon scoped slot

graphieros · graphieros · commit bcf9468e78cf · 2025-03-17T07:42:11.000+01:00
diff --git a/src/components/vue-ui-3d-bar.vue b/src/components/vue-ui-3d-bar.vue
@@ -586,6 +586,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-age-pyramid.vue b/src/components/vue-ui-age-pyramid.vue
@@ -510,6 +510,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-bullet.vue b/src/components/vue-ui-bullet.vue
@@ -434,6 +434,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-candlestick.vue b/src/components/vue-ui-candlestick.vue
@@ -617,6 +617,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-carousel-table.vue b/src/components/vue-ui-carousel-table.vue
@@ -553,6 +553,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-chestnut.vue b/src/components/vue-ui-chestnut.vue
@@ -580,6 +580,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-circle-pack.vue b/src/components/vue-ui-circle-pack.vue
@@ -606,6 +606,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-donut-evolution.vue b/src/components/vue-ui-donut-evolution.vue
@@ -654,6 +654,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-donut.vue b/src/components/vue-ui-donut.vue
@@ -742,6 +742,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-dumbbell.vue b/src/components/vue-ui-dumbbell.vue
@@ -501,6 +501,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-flow.vue b/src/components/vue-ui-flow.vue
@@ -561,6 +561,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-funnel.vue b/src/components/vue-ui-funnel.vue
@@ -475,6 +475,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-galaxy.vue b/src/components/vue-ui-galaxy.vue
@@ -512,6 +512,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-gauge.vue b/src/components/vue-ui-gauge.vue
@@ -548,6 +548,9 @@ defineExpose({
             @generateImage="generateImage" @toggleAnnotator="toggleAnnotator" :style="{
         visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
     }">
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-heatmap.vue b/src/components/vue-ui-heatmap.vue
@@ -466,6 +466,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-history-plot.vue b/src/components/vue-ui-history-plot.vue
@@ -752,6 +752,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-molecule.vue b/src/components/vue-ui-molecule.vue
@@ -521,6 +521,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-mood-radar.vue b/src/components/vue-ui-mood-radar.vue
@@ -390,6 +390,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-nested-donuts.vue b/src/components/vue-ui-nested-donuts.vue
@@ -822,6 +822,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-onion.vue b/src/components/vue-ui-onion.vue
@@ -572,6 +572,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-parallel-coordinate-plot.vue b/src/components/vue-ui-parallel-coordinate-plot.vue
@@ -640,6 +640,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-quadrant.vue b/src/components/vue-ui-quadrant.vue
@@ -1037,6 +1037,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-quick-chart.vue b/src/components/vue-ui-quick-chart.vue
@@ -1022,6 +1022,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-radar.vue b/src/components/vue-ui-radar.vue
@@ -660,6 +660,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-relation-circle.vue b/src/components/vue-ui-relation-circle.vue
@@ -506,6 +506,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-rings.vue b/src/components/vue-ui-rings.vue
@@ -583,6 +583,9 @@ defineExpose({
             visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
         }"
       >
+        <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+            <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+        </template>
         <template #optionTooltip v-if="$slots.optionTooltip">
             <slot name="optionTooltip"/>
         </template>
diff --git a/src/components/vue-ui-scatter.vue b/src/components/vue-ui-scatter.vue
@@ -701,6 +701,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-stackbar.vue b/src/components/vue-ui-stackbar.vue
@@ -904,6 +904,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-strip-plot.vue b/src/components/vue-ui-strip-plot.vue
@@ -565,6 +565,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-table-heatmap.vue b/src/components/vue-ui-table-heatmap.vue
@@ -231,6 +231,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-table-sparkline.vue b/src/components/vue-ui-table-sparkline.vue
@@ -640,6 +640,9 @@ defineExpose({
                                     visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
                                 }"
                             >
+                                <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                                    <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+                                </template>
                                 <template #optionPdf v-if="$slots.optionPdf">
                                     <slot name="optionPdf" />
                                 </template>
diff --git a/src/components/vue-ui-thermometer.vue b/src/components/vue-ui-thermometer.vue
@@ -337,6 +337,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-tiremarks.vue b/src/components/vue-ui-tiremarks.vue
@@ -352,6 +352,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-treemap.vue b/src/components/vue-ui-treemap.vue
@@ -629,6 +629,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-vertical-bar.vue b/src/components/vue-ui-vertical-bar.vue
@@ -734,6 +734,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-waffle.vue b/src/components/vue-ui-waffle.vue
@@ -802,6 +802,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-wheel.vue b/src/components/vue-ui-wheel.vue
@@ -311,6 +311,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-word-cloud.vue b/src/components/vue-ui-word-cloud.vue
@@ -498,6 +498,9 @@ function useTooltip(word) {
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionPdf v-if="$slots.optionPdf">
                 <slot name="optionPdf" />
             </template>
diff --git a/src/components/vue-ui-xy-canvas.vue b/src/components/vue-ui-xy-canvas.vue
@@ -1582,6 +1582,9 @@ defineExpose({
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
diff --git a/src/components/vue-ui-xy.vue b/src/components/vue-ui-xy.vue
@@ -72,6 +72,9 @@
                 visibility: keepUserOptionState ? userOptionsVisible ? 'visible' : 'hidden' : 'visible'
             }"
         >
+            <template #menuIcon="{ isOpen, color }" v-if="$slots.menuIcon">
+                <slot name="menuIcon" v-bind="{ isOpen, color }"/>
+            </template>
             <template #optionTooltip v-if="$slots.optionTooltip">
                 <slot name="optionTooltip"/>
             </template>
