@schema-render/search-table-react/dist/esm/components/ImagesPreview/index.js

Conditional search table component.

import { jsx as _jsx } from "react/jsx-runtime";
import { createElement as _createElement } from "react";
import { Image, Space } from "antd";
import { useState } from "react";
const ImagesPreview = ({ imgList, imgProps, groupProps })=>{
    const [visible, setVisible] = useState(false);
    const [current, setCurrent] = useState(0);
    const openPreview = (index)=>{
        setCurrent(index);
        setVisible(true);
    };
    return /*#__PURE__*/ _jsx(Image.PreviewGroup, {
        ...groupProps,
        items: imgList,
        preview: {
            visible,
            current,
            onChange: (cur)=>setCurrent(cur),
            onVisibleChange: (val)=>setVisible(val)
        },
        children: /*#__PURE__*/ _jsx(Space, {
            children: imgList.map((imgUrl, i)=>/*#__PURE__*/ _createElement(Image, {
                    width: 60,
                    ...imgProps,
                    src: imgUrl,
                    key: i,
                    onClick: ()=>openPreview(i)
                }))
        })
    });
};
export default ImagesPreview;