Refactor #6504

packages/primevue/src/cascadeselect/CascadeSelect.d.ts

@@ -509,11 +509,29 @@ export interface CascadeSelectSlots {
     /**
      * Custom header template.
      */
-    header(): VNode[];
+    header(scope: {
+        /**
+         * Current value
+         */
+        value: any;
+        /**
+         * Options of the component
+         */
+        options: any[];
+    }): VNode[];
     /**
      * Custom footer template.
      */
-    footer(): VNode[];
+    footer(scope: {
+        /**
+         * Current value
+         */
+        value: any;
+        /**
+         * Options of the component
+         */
+        options: any[];
+    }): VNode[];
 }
 
 /**

packages/primevue/src/cascadeselect/CascadeSelect.vue

@@ -53,7 +53,7 @@
                     @keydown="onOverlayKeyDown"
                     v-bind="{ ...panelProps, ...overlayProps, ...ptm('overlay') }"
                 >
-                    <slot name="header" />
+                    <slot name="header" :value="modelValue" :options="options" />
                     <div :class="cx('listContainer')" v-bind="ptm('listContainer')">
                         <CascadeSelectSub
                             :id="id + '_tree'"
@@ -80,7 +80,7 @@
                     <span role="status" aria-live="polite" class="p-hidden-accessible" v-bind="ptm('hiddenSelectedMessage')" :data-p-hidden-accessible="true">
                         {{ selectedMessageText }}
                     </span>
-                    <slot name="footer" />
+                    <slot name="footer" :value="modelValue" :options="options" />
                 </div>
             </transition>
         </Portal>