Copied from youzan/zent
SKU 规格选择器
这是一个规格选择
使用场景
创建有多种规格的商品、服务的编辑页面
API
| 参数 | 说明 | 类型 | 默认值 | 备选值 |
|---|---|---|---|---|
| className | 自定义额外类名 | string | '' |
|
| value | 当前选中的sku列表 | array | [] |
|
| maxSize | 最大规格名称数 | number | 3 |
|
| maxSKUTextLength | 规格名称文字最大长度 | number | 4 |
|
| maxLeafTextLength | 规格值文字最大长度 | number | 20 |
|
| skuTree | 可选的规格列表 | array | [] |
|
| optionValue | 自定义sku的id的key值 | string | 'id' |
|
| optionText | 自定义sku的文案的key值 | string | 'text' |
|
| onFetchGroup | 异步获取可选的规格列表，如“颜色”、“尺寸” | function | Promise |
|
| onFetchSKU | 异步获取单个规格可选的值，如“红色”、“蓝色” | function | Promise |
|
| onCreateGroup | 创建新的规格名，如“星座” | function | Promise |
|
| onCreateSKU | 创建新的规格值，如“处女座” | function | Promise |
|
| onChange | 当sku发生改变时的回调，返回值为sku当前value | function | noop |
|
| prefix | 自定义前缀 | string | 'rc-sku' | null |
工具方法
为了更方便操作规格数据，SKU组件提供了一些工具方法
SKU.flatten(sku, items, options)
通过计算笛卡尔积，将树形的value变成扁平的数组
| 参数 | 说明 | 类型 | 默认值 | 备选值 |
|---|---|---|---|---|
| sku | 当前选中规格的value | array | [] |
|
| items | 当前已存在的数据 | array | [] |
|
| options | 可配置参数 | object | {} |
optionValue: 'id', optionText: 'text' |