sku-list 规格列表

规格列表（SpecificationList）组件是一种常见的用户界面组件，用于展示产品、物品或其他实体的规格信息。该组件通常以表格或列表的形式呈现，用于清晰地展示各个规格项及其对应的取值。

Props参数

名称	类型	是否必传	默认值	描述
value	TSkuId[]	✅	-	选中
sku	TSkuId[][]	✅	-	库存
list	IMMSkuList[]	✅	-	列表
onClick	(value: TSkuId[]) => void	否	-	点击事件

示例

import { useState } from 'react'
import MMSkuList, { TSkuId } from '~/components/sku-list'
import MMPageContainer from '../_components/page-container'
import PageDemoBlock from '../_components/page-demo-block'

export default () => {
  const [value, setValue] = useState<TSkuId[]>([])

  // 列表项
  const list = [
    {
      title: '颜色',
      items: [
        { id: '红色', text: '红色' },
        { id: '黄色', text: '黄色' }
      ]
    },
    {
      title: '尺寸',
      items: [
        { id: '大', text: '大' },
        { id: '小', text: '小' }
      ]
    },
    {
      title: '保修',
      items: [
        { id: '1年', text: '1年' },
        { id: '1月', text: '1月' }
      ]
    }
  ]

  // 有效的组合
  const sku = [
    ['大', '红色', '1年'],
    ['大', '黄色', '1年'],
    ['大', '黄色', '1月']
  ]

  return (
    <MMPageContainer title="规格列表">
      <PageDemoBlock title="使用">
        <MMSkuList value={value} sku={sku} list={list} onClick={setValue} />
      </PageDemoBlock>
    </MMPageContainer>
  )
}