jjb-lc-designable/core/shortcuts/QuickSelection.js

基于alibaba-designable源码二次封装的表单设计器。

import { KeyCode, Shortcut } from '../models';
const findBottomLastChild = node => {
  if (!node) return node;
  if (node.lastChild) {
    return findBottomLastChild(node.lastChild);
  }
  return node;
};
const findTopParentNext = node => {
  if (!node.parent) return node;
  if (node.parent?.next) return node.parent.next;
  return findTopParentNext(node.parent);
};
export const SelectPrevNode = new Shortcut({
  codes: [[KeyCode.Up], [KeyCode.PageUp], [KeyCode.ArrowUp], [KeyCode.Left], [KeyCode.LeftWindowKey], [KeyCode.ArrowLeft]],
  handler(context) {
    const operation = context?.workspace.operation;
    if (operation) {
      const tree = operation.tree;
      const selection = operation.selection;
      const selectedNode = tree.findById(selection.last);
      if (selectedNode) {
        const previousNode = selectedNode.previous;
        if (previousNode) {
          const bottom = findBottomLastChild(previousNode);
          if (bottom) {
            selection.select(bottom);
          } else {
            selection.select(previousNode);
          }
        } else if (selectedNode.parent) {
          selection.select(selectedNode.parent);
        } else {
          const bottom = findBottomLastChild(selectedNode.lastChild);
          if (bottom) {
            selection.select(bottom);
          }
        }
      }
    }
  }
});
export const SelectNextNode = new Shortcut({
  codes: [[KeyCode.Down], [KeyCode.PageDown], [KeyCode.ArrowDown], [KeyCode.Right], [KeyCode.RightWindowKey], [KeyCode.ArrowRight]],
  handler(context) {
    const operation = context?.workspace.operation;
    if (operation) {
      const tree = operation.tree;
      const selection = operation.selection;
      const selectedNode = tree.findById(selection.last);
      if (selectedNode) {
        const nextNode = selectedNode.firstChild ? selectedNode.firstChild : selectedNode.next;
        if (nextNode) {
          selection.select(nextNode);
        } else {
          selection.select(findTopParentNext(selectedNode));
        }
      }
    }
  }
});