import * as React from 'react'; import 'swiper/css'; import ProductCard from './ProductCard.js'; import type { ProductCardData, ButtonFunctionType, ImageOverlayShelfSemanticName, CopyConfig } from './types.js'; export type { ButtonFunctionType, ProductCardData, ProductCardProps, ImageOverlayShelfSemanticName, CopyConfig, ImageObjectPosition, } from './types.js'; /** * ImageOverlayShelf 业务组件数据接口 */ export interface ImageOverlayShelfData { /** 组件标题 */ title?: string; /** 组件描述 */ description?: string; /** 产品列表 */ productsCard: ProductCardData[]; /** 是否显示标签 */ showTags?: boolean; /** 是否显示原价 */ showOriginalPrice?: boolean; /** 了解更多按钮文本 */ secondaryButtonText?: string; /** 了解更多按钮功能 */ secondaryButtonFun?: ButtonFunctionType; /** 立即购买按钮文本 */ primaryButtonText?: string; /** 立即购买按钮功能 */ primaryButtonFun?: ButtonFunctionType; } /** * ImageOverlayShelf Props 接口 */ export interface ImageOverlayShelfProps extends React.HTMLAttributes { /** 业务数据 */ data: ImageOverlayShelfData; /** 点击了解更多回调 */ onLearnMore?: (product: ProductCardData) => void; /** 点击立即购买回调 */ onShopNow?: (product: ProductCardData) => void; /** 点击加入购物车回调 */ onAddToCart?: (product: ProductCardData) => void; /** 点击产品图片回调 */ onProductImageClick?: (product: ProductCardData) => void; /** 语义化类名 */ classNames?: Partial>; /** 样式类名 */ className?: string; /** 文案配置 */ copy?: CopyConfig; /** 断点配置 */ breakpoints?: { [key: number]: { spaceBetween: number; freeMode: boolean; slidesPerView: number; }; }; } /** * ImageOverlayShelf 复合组件类型定义 */ export interface ImageOverlayShelfComponent extends React.ForwardRefExoticComponent> { /** 独立的 ProductCard 组件 */ ProductCard: typeof ProductCard; } export { ProductCard }; declare const ImageOverlayShelfWrapped: any; export default ImageOverlayShelfWrapped;