Function Match

src/pages/components/ScriptSetting/Match.tsx:22–311

({ script })

const Match: React.FC<{
  script: Script;
}> = ({ script }) => {
  const scriptDAO = new ScriptDAO();
  const [match, setMatch] = useState<MatchItem[]>([]);
  const [exclude, setExclude] = useState<MatchItem[]>([]);
  const [matchValue, setMatchValue] = useState<string>("");
  const [matchVisible, setMatchVisible] = useState<boolean>(false);
  const [excludeValue, setExcludeValue] = useState<string>("");
  const [excludeVisible, setExcludeVisible] = useState<boolean>(false);
  const { t } = useTranslation(); // 使用 react-i18next 的 useTranslation 钩子函数获取翻译函数

  // 自定义的状态更新函数，会在更新后自动刷新数据
  const updateMatchAndRefresh = (newMatch: MatchItem[]) => {
    setMatch(newMatch);
    refreshMatch();
  };

  const updateExcludeAndRefresh = (newExclude: MatchItem[]) => {
    setExclude(newExclude);
    refreshMatch();
  };

  const refreshMatch = () => {
    if (script) {
      // 从数据库中获取是简单处理数据一致性的问题
      scriptDAO.get(script.uuid).then((res) => {
        if (!res) {
          return;
        }
        const matchArr = res.selfMetadata?.match || res.metadata.match || [];
        const matchMap = new Map<string, boolean>();
        res.metadata.match?.forEach((m) => {
          matchMap.set(m, true);
        });
        const v: MatchItem[] = [];
        matchArr.forEach((value, index) => {
          v.push({
            id: index,
            match: value,
            byUser: !matchMap.has(value),
            hasMatch: false,
            isExclude: false,
          });
        });
        setMatch(v);

        const excludeArr = res.selfMetadata?.exclude || res.metadata.exclude || [];
        const excludeMap = new Map<string, boolean>();
        res.metadata.exclude?.forEach((m) => {
          excludeMap.set(m, true);
        });
        const e: MatchItem[] = [];
        excludeArr.forEach((value, index) => {
          const hasMatch = matchMap.has(value);
          e.push({
            id: index,
            match: value,
            byUser: !excludeMap.has(value),
            hasMatch,