import { type Ref, ref } from 'vue';

import type { Id, MNode } from '@tmagic/core';
import { traverseNode } from '@tmagic/utils';

import type { LayerNodeStatus, TreeNodeData } from '@editor/type';
import { updateStatus } from '@editor/utils/tree';

export const useFilter = (
  nodeData: Ref<TreeNodeData[]>,
  nodeStatusMap: Ref<Map<Id, LayerNodeStatus> | undefined>,
  filterNodeMethod: (value: string, data: MNode) => boolean,
) => {
  // tree方法：对树节点进行筛选时执行的方法
  const filterIsMatch = (value: string | string[], data: MNode): boolean => {
    const string = !Array.isArray(value) ? [value] : value;

    if (!string.length) {
      return true;
    }

    return string.some((v) => filterNodeMethod(v, data));
  };

  const filter = (text: string | string[]) => {
    if (!nodeData.value.length) return;

    nodeData.value.forEach((node) => {
      traverseNode(node, (node: MNode, parents: MNode[]) => {
        if (!nodeStatusMap.value) return;

        const visible = filterIsMatch(text, node);
        if (visible && parents.length) {
          parents.forEach((parent) => {
            if (text || text.length) {
              updateStatus(nodeStatusMap.value!, parent.id, {
                visible,
                expand: true,
              });
            }
          });
        }

        updateStatus(nodeStatusMap.value, node.id, {
          visible,
        });
      });
    });
  };

  return {
    filterText: ref(''),
    filterTextChangeHandler(text: string | string[]) {
      filter(text);
    },
  };
};