? 核心功能

1. 后台 SKU 管理(ManageProductVariants)

[Teanary]重写 sku 管理组件,完全保持原来的数据结构  第1张
✅ 支持规格值多选

✅ 支持自动生成 SKU 组合(基于笛卡尔积算法)

✅ 提供 SKU 表格化编辑能力(支持修改编码、售价、成本价、库存数量、上下架状态等字段)

✅ 支持 SKU 对应图片的上传与集中管理

✅ 支持批量设置操作(如统一调整价格、成本、库存或状态)

✅ 内置全选机制(点击全选框即可一键勾选全部 SKU)

✅ 支持节点间数据同步(通过 Syncable trait 自动触发同步逻辑)

2. 前台 SKU 选择(ProductDetail)

[Teanary]重写 sku 管理组件,完全保持原来的数据结构  第2张
✅ 按规格维度动态呈现可选项(分组展示)

✅ 显示三种交互状态:可点击选择、当前已选中、不可用(禁用)

✅ 实时筛选并高亮显示当前组合下有效的 SKU

✅ 自动禁用与已有选择冲突的规格值,避免无效组合

✅ 当用户完成全部规格选择后,自动定位并匹配唯一 SKU

✅ 购买按钮仅在成功选定有效 SKU 后才显示(条件渲染)

3. 公共服务(ProductVariantService)
✅ 封装笛卡尔积生成逻辑

✅ 实现 SKU 精确匹配与模糊匹配策略

✅ 支持部分规格已选时的有效性校验(部分匹配检查)

源码地址:点击下载