Action

interface Action {
  readonly type: ActionType;
  readonly destinationId: string;
  readonly navigation: Navigation;
  readonly transition: Transition;
  readonly url: string;
  readonly scrollToXOffset?: number;
  readonly scrollToYOffset?: number;
}

  • type :原型交互动作类型。
  • navigation :原型交互动作,具体可查看类型Navigation
  • destinationId :原型交互目标图层的id。
  • transition :原型交互的动画属性,具体可查看类型Transition
  • url :原型交互动作是打开链接时,设置的url。
  • scrollToXOffset :原型交互动作是容器内滚动时,设置的横向缩进。
  • scrollToYOffset :原型交互动作是容器内滚动时,设置的纵向缩进。

ActionType


type ActionType = 'BACK' | 'NODE'| 'URL'| 'CLOSE'| 'NONE';

  • BACK: 返回上一级。
  • NODE: 浮层行为相关,根据不同navigation取值,交互动作不同。
    • NAVIGATE:前往某个目标容器。
    • OVERLAY:打开浮层。
    • SWAP_OVERLAY:替换浮层。
    • SCROLL_TO:容器内滚动,设置成该动作时,可设置对应的缩进值。
  • URL: 打开链接。
  • CLOSE: 关闭浮层。
  • NONE: 无任何动作。

原型交互动作

type  Navigation =  'NAVIGATE' | 'OVERLAY' | 'SWAP_OVERLAY' | 'SCROLL_TO';
  • NAVIGATE:前往某个目标容器。
  • OVERLAY:打开浮层。
  • SWAP_OVERLAY:替换浮层。
  • SCROLL_TO:容器内滚动,设置成该动作时,可设置对应的缩进值。