文档目录

过滤器界面

Create 过滤器界面（1.21.1 原版图集）：2×9 物品格、黑名单/白名单与 NBT 比对两态按钮、AND/OR 连接词切换与玩家背包。

全屏预览预览页不进入搜索引擎索引

组成

这些是可直接组合的组件；Block 只是把它们按原版坐标放在一起。

代码

import { useState } from "react";

import { CREATE_DEMO_INGOT, CREATE_DEMO_PLAYER } from "../create-demo-data";
import { CreateFilterScreen } from "./index";

/**
 * CreateFilterScreen 预览用例：白名单 + AND + 不比对 NBT。
 */
export function CreateFilterScreenDemo() {
  const [mode, setMode] = useState<"and" | "or">("and");
  const [match, setMatch] = useState<"allow" | "deny">("allow");
  const [respectData, setRespectData] = useState(false);
  return (
    <CreateFilterScreen
      items={[CREATE_DEMO_INGOT]}
      match={match}
      mode={mode}
      onMatchChange={setMatch}
      onModeChange={setMode}
      onRespectDataChange={setRespectData}
      player={CREATE_DEMO_PLAYER}
      respectData={respectData}
    />
  );
}