/**
 * This file is part of the NocoBase (R) project.
 * Copyright (c) 2020-2024 NocoBase Co., Ltd.
 * Authors: NocoBase Team.
 *
 * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
 * For more information, please refer to: https://www.nocobase.com/agreement.
 */

import { PopoverProps as AntdPopoverProps } from 'antd';
import { FlowContext } from '../flowContext';
import { ViewNavigation } from './ViewNavigation';

export type FlowViewBeforeClosePayload = {
  result?: any;
  force?: boolean;
};

export type FlowViewBeforeCloseHandler = (
  payload: FlowViewBeforeClosePayload,
) => Promise<boolean | void> | boolean | void;

export type FlowView = {
  type: 'drawer' | 'popover' | 'dialog' | 'embed';
  inputArgs: any;
  Header: React.FC<{ title?: React.ReactNode; extra?: React.ReactNode }> | null;
  Footer: React.FC<{ children?: React.ReactNode }> | null;
  close: (result?: any, force?: boolean) => Promise<boolean | void> | boolean | void;
  update: (newConfig: any) => void;
  beforeClose?: FlowViewBeforeCloseHandler;
  navigation?: ViewNavigation;
  /** 页面的销毁方法 */
  destroy?: () => void;
  /** 提交流配置表单里的值。仅流配置视图中可访问到该方法 */
  submit?: () => Promise<any>;
};

type TargetProps = {
  target?: HTMLElement | string | null;
};
type ViewType = 'drawer' | 'popover' | 'dialog' | 'embed';
type ViewProps = {
  content: React.ReactNode | ((view: FlowView) => React.ReactNode);
  width?: number | string;
  /**
   * 是否继承父类上下文
   * @default true
   */
  inheritContext?: boolean;
  /**
   * 阻止关闭 View
   */
  preventClose?: boolean;
  inputArgs?: any;
  onOpen?: (view: FlowView, context: FlowContext) => void;
  [key: string]: any;
};

type PopoverProps = AntdPopoverProps & {} & ViewProps & TargetProps;

let zIndex = 0;

export class FlowViewer {
  public zIndex;

  constructor(
    protected ctx: FlowContext,
    protected types: {
      drawer: any;
      popover: any;
      dialog: any;
      embed: any;
    },
  ) {
    this.zIndex = zIndex + (ctx.themeToken?.zIndexPopupBase || 1000);
  }

  getNextZIndex() {
    return this.zIndex + 1;
  }

  open(props: ViewProps & { type: ViewType } & TargetProps) {
    const { type, ...others } = props;
    if (this.types[type]) {
      zIndex += 1;
      const onClose = others.onClose;
      let zIndexReleased = false;
      const releaseZIndex = () => {
        if (!zIndexReleased) {
          zIndexReleased = true;
          zIndex -= 1;
        }
      };
      const _zIndex = others.zIndex;
      others.onClose = (...args) => {
        onClose?.(...args);
        releaseZIndex();
      };
      if (type === 'embed') {
        others.onOpenCancelled = releaseZIndex;
      }
      // embed 不能设置过高的 zIndex，会遮挡菜单的折叠按钮图表
      if (type !== 'embed') {
        others.zIndex = _zIndex ?? this.getNextZIndex();
      }
      return this.types[type].open(others, this.ctx);
    } else {
      throw new Error(`Unknown view type: ${type}`);
    }
  }
  dialog(props: ViewProps) {
    return this.open({ type: 'dialog', ...props });
  }
  drawer(props: ViewProps) {
    return this.open({ type: 'drawer', ...props });
  }
  popover(props: PopoverProps) {
    return this.open({ type: 'popover', ...props });
  }
  embed(props: ViewProps & TargetProps) {
    return this.open({ type: 'embed', ...props });
  }
}