PromotionRuleCard Promotion Rule Card

业务组件

促销规则展示卡

何时使用

适用于Promotion Rule Card相关场景。

tsx

import { PromotionRuleCard } from "@chaos_team/chaos-ui/business"

export function Basic() {
return <PromotionRuleCard />
}

Prop	Type	Default	说明
`className`	`string`	—	自定义样式类名
`name`	`string`	`未命名促销`	促销规则名称
`type`	`"满减" \| "折扣" \| "买赠" \| "直降"`	`折扣`	促销类型，如满减
`discount`	`number`	`0`	折扣力度：满减/直降为减免金额，折扣为 0~1 的比例
`threshold`	`number`	—	满减门槛金额
`startDate`	`string`	—	生效开始日期（ISO 字符串）
`endDate`	`string`	—	生效结束日期（ISO 字符串）
`scope`	`string`	`全部商品`	适用范围描述
`active`	`boolean`	`false`	是否生效中
`onEdit`	`() => void`	—	点击编辑回调
`onDuplicate`	`() => void`	—	复制规则回调
...rest	`React.HTMLAttributes`	—	透传原生 DOM 属性

📘 完整交互式示例与控件属性请查看 Storybook 文档。