Function dfs

packages/components/src/components/context_menu/context_menu.tsx:181–233

(source: IContextMenuItemProps[], results: { key: string; label: JSX.Element }[][], index = 0)

  // recursion
  const dfs = (source: IContextMenuItemProps[], results: { key: string; label: JSX.Element }[][], index = 0) => {
    if (!results[index]) {
      results[index] = [];
    }
    const filterHiddenSource = source.filter((v) => !getHidden(v.hidden));
    for (let i = 0; i < filterHiddenSource.length; i++) {
      const item = filterHiddenSource[i]!;
      // filter hidden key
      const newItem = omit(item, 'hidden');
      const { key, id, disabled = false, icon, label, arrow, children, groupId, extraElement, disabledTip, ...rest } = newItem;
      const selected = paths[index] === key;
      let isGroup = false;
      const nextItem = filterHiddenSource[i + 1];
      // Whether grouping exists
      if (groupId && nextItem && nextItem.groupId !== groupId) {
        isGroup = true;
      }

      const isDisabled = typeof disabled === 'function' ? disabled(getExtraInfo(extraInfo)) : disabled;

      let labelElement = (
        <StyledMenuItem
          {...rest}
          key={id || key}
          onClick={(e) => handleClick(item, paths, e)}
          onMouseEnter={() => handleMouseEnter(item, index)}
          onTouchStart={() => handleMouseEnter(item, index)}
          disabled={isDisabled}
          isGroup={isGroup}
          role="menuitem"
        >
          {icon}
          <StyledMenuItemContent variant="body2" ellipsis>
            {typeof label === 'function' ? label(getExtraInfo(extraInfo)) : label}
          </StyledMenuItemContent>
          {extraElement && <StyledMenuItemExtra>{extraElement}</StyledMenuItemExtra>}
          {!extraElement && arrow && <StyledMenuItemArrow>{arrow}</StyledMenuItemArrow>}
        </StyledMenuItem>
      );

      if (isDisabled && disabledTip) {
        labelElement = <Tooltip content={disabledTip}>{labelElement}</Tooltip>;
      }

      results[index]!.push({
        key,
        label: labelElement,
      });
      if (selected && children) {
        dfs(children, results, index + 1);
      }
    }
  };

  // Compatible with the usage of menuId and show
  const handler = React.useCallback(