定价 · 用量计价器
单卡 + Slider 拖席位/请求量 → NumberTicker 实时算月费 · 按量计费。
安装与接入
数据来自本站 registry vv0.23.0,与 shadcn CLI 实际拉取的是同一份。
bash
npx shadcn@latest add https://hulianui.haloritual.com/zh/r/block-pricing-usage.json- 写入文件1 个
components/hulianui/blocks/pricing-usage.tsx
- 需要 Provider
ThemeProvider- 必须替换接入前逐项处理
- 文案事件处理示例数据导航与路由
- npm 依赖
@hulianui/uilucide-reactnext
装完验一遍
门禁按 conventions 的可执行规则扫描目标文件;错误级违规会以非零状态退出。
bash
npx -y @hulianui/guard components/hulianui/blocks/pricing-usage.tsx