@tplc/business
Version:
53 lines (49 loc) • 1.48 kB
text/typescript
import { LcbBlockProps } from '../lcb-block/types'
import { LcbEmptyProps } from '../lcb-empty/types'
export interface LcbProductProps extends LcbBlockProps {
// Define the component's prop types here
listType?: 'list' | 'horizontal' | 'grid' | 'waterfall' // 1列表 2 左右滑动 3一行两个 4瀑布流
shadowColor?: string
shadowSize?: number
blurSize?: number
blockShadowColor?: string
blockShadowSize?: number
blockBlurSize?: number
imageWidth?: number
imageHeight?: number
imageRadius?: number
borderRadius?: number
column?: number
itemWidth?: number // 列表项宽度
sortType?: number // 排序类型
items?: {
productId: string
[key: string]: any
}[]
sourceMode?: 1 | 2 // 数据源模式 1 列表 2 请求
requestUrl?: string
requestParams?: string
layoutType?: 'vertical' | 'horizontal' // 布局方式
titleLineClamp?: number
coverImgStyle?: Record<string, any>
headImgStyle?: Record<string, any>
filterList?: boolean
renderItemAbsoluteConfigLayout?: {
dataset?: Record<string, any>
blocks: any[]
canvas: {
width: number
height: number
backgroundColor?: string
}
}
dynamicScope?: string
gap?: number
borderWidth?: number
borderColor?: string
borderMode?: 'full' | 'content'
itemVerticalPadding?: number
itemHorizontalPadding?: number
rows?: number // horizontal 模式下的行数,默认为 1
emptyProps?: LcbEmptyProps // 空状态配置
}