ImageGroup provides active image index and/or src

[vasotelvi]

Clear and concise description of the problem

I did not find any way to get the index or src of the active image in order to add the ability to delete an image and send the necessary data to the server in the toolbar - what exactly needs to be deleted.

Suggested solution

<n-image-group 
  :active ="activeIndex"
  :render-toolbar="renderToolbar" 
  show-toolbar-tooltip
  @update:active="setActiveIndex">
            <n-space>
                <n-image 
                     v-for="(link, index) of photos" 
                     lazy 
                     width="100" 
                     :src="link" 
                     :key="mCode + '-ph-' + index"
                  />
            </n-space>
</n-image-group>

<script setup>
//...
const activeIndex = ref(0);
const setActiveIndex = (index) => {
    activeIndex.value = index; 
    console.log('activeIndex.value: ', activeIndex.value)
};
//...
const renderToolbar = ({ nodes }) => {
    const currentImage = photos.value[activeIndex.value] // ← ???
    return [
        nodes.prev,
        nodes.next,
        nodes.rotateCounterclockwise,
        nodes.rotateClockwise,
        nodes.resizeToOriginalSize,
        nodes.zoomOut,
        nodes.close,
        h(
            NButton,
            {
                circle: true,
                type: "error",
                style: { marginLeft: "22px" },
                tooltip: "Удалить навсегда!",
                onClick: () => {
                    handleConfirm(currentImage); // ← ???
                }
            },
            {
                icon: () => h(TrashBinSharp)
            }
        )
    ]
}
//...

Alternative

Add an event to or that provides the active src and/or index of the active file being displayed

Additional context

No response

Validations

• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.