文档目录
搅拌机界面
搅拌机:2×2 输入(每槽竖向进度)+ 多流体罐 MultitankArea 58×47 + 输出模式切换按钮,176×167
搅拌机物品栏
import { IeMixerScreen } from "./index";
/**
* IeMixerScreen 预览用例:2 沙 + 沙砾 + 黏土球 + 500mB 水 → 500mB 混凝土。
*/
export function IeMixerScreenDemo() {
return (
<IeMixerScreen
energy={{ max: 32000, value: 21000 }}
inputs={[
{ count: 2, icon: "sand", tooltip: "沙子 ×2" },
{ count: 1, icon: "gravel", tooltip: "沙砾" },
{ count: 1, icon: "clay-ball", tooltip: "黏土球" },
null,
]}
multitank={{ max: 8000, tint: "#9a9a9a", value: 500 }}
onOutputAllChange={() => {}}
onSlotClick={() => {}}
outputAll
progresses={[0.3, 0.7, 0, 0.9]}
/>
);
}
安装
$pnpm add @tennantite/ienpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/ie/src/ie-mixer-screen/index.tsxnpm 包保留源码目录,可直接复制改造。