@castianta/card-list

面板列

Usage no npm install needed!

<script type="module">
  import castiantaCardList from 'https://cdn.skypack.dev/@castianta/card-list';
</script>

README

test

@castianta/card-list

面板列表

API

参数名 说明 必填 类型 默认值 备注
pageContainer 外层面板 PageContainerProps - -
cardLeft 左侧面板 CardLeftProps - 见下
cardRight 右侧面板 CardRightProps - 见下
renderItem 自定义列传入 dom (item) => ReactNode - ``

CardLeftProps

参数名 说明 必填 类型 默认值 备注
dom 内部渲染,如果 dom 为自定义内部渲染,不传为默认 list 列表组件 React.ReactNode - -
list ProListProps ProCardProps - -
radio 单选列设置 antd 的 Radio 组件 RadioGroup RadioProps - -
dataSource 传入的数据 Object 必须包含 value 字段,{itemStyle:{CSSProperties},value:any,(...RadioProps,...other)} Object[] - -
(...ProCardProps) ProCardProps ProCardProps - -

ProCard

参数名 说明 必填 类型 默认值 备注
dom 内部渲染 React.ReactNode - -
(...ProCardProps) ProComponents 的 ProCardProps ProCardProps - -