import type { ComponentLifecycle, CSSProperties } from 'react';

import { BuiltinSimulatorHost } from '@alilc/lowcode-designer';

import { RequestHandler, NodeSchema, NodeData, RootSchema, JSONObject } from '@alilc/lowcode-types';

/*

** Duck typed component type supporting both react and rax

*/

interface IGeneralComponent<P = {}, S = {}, SS = any> extends ComponentLifecycle<P, S, SS> {

setState<K extends keyof S>(

state: ((prevState: Readonly<S>, props: Readonly<P>) => (Pick<S, K> | S | null)) | (Pick<S, K> | S | null),

callback?: () => void

): void;

forceUpdate(callback?: () => void): void;

render(): any;

readonly props: Readonly<P> & Readonly<{ children?: any | undefined }>;

state: Readonly<S>;

refs: Record<string, any>;

context: any;

}

export type IGeneralConstructor<

P = {

[key: string]: any;

}, S = {

[key: string]: any;

}, SS = any

> = new (props: any, context: any) => IGeneralComponent<P, S, SS>;

/**

* duck-typed History

*

* @see https://github.com/ReactTraining/history/tree/master/docs/api-reference.md

*/

interface IHistoryLike {

readonly action: any;

readonly location: ILocationLike;

createHref: (to: any) => string;

push: (to: any, state?: any) => void;

replace: (to: any, state?: any) => void;

go: (delta: any) => void;

back: () => void;

forward: () => void;

listen: (listener: any) => () => void;

block: (blocker: any) => () => void;

}

/**

* duck-typed History.Location

*

* @see https://github.com/remix-run/history/blob/dev/docs/api-reference.md#location

*/

export interface ILocationLike {

pathname: any;

search: any;

state: any;

hash: any;

key?: any;

}

export type IRendererAppHelper = Partial<{

/** 全局公共函数 */

utils: Record<string, any>;

/** 全局常量 */

constants: Record<string, any>;

/** react-router 的 location 实例 */

location: ILocationLike;

/** react-router 的 history 实例 */

history: IHistoryLike;

/** @deprecated 已无业务使用 */

match: any;

/** @experimental 内部使用 */

logParams: Record<string, any>;

/** @experimental 内部使用 */

addons: Record<string, any>;

/** @experimental 内部使用 */

requestHandlersMap: Record<string, RequestHandler<{

data: unknown;

}>>;

}>;

/**

* 渲染模块可用配置

*

* @see @todo @承虎

*/

export interface IRendererProps {

/** 符合低代码搭建协议的数据 */

schema: RootSchema | NodeSchema;

/** 组件依赖的实例 */

components: Record<string, IGeneralComponent>;

/** CSS 类名 */

className?: string;

/** style */

style?: CSSProperties;

/** id */

id?: string | number;

/** 语言 */

locale?: string;

/** 主要用于设置渲染模块的全局上下文，里面定义的内容可以在低代码中通过 this 来访问，比如 this.utils */

appHelper?: IRendererAppHelper;

/**

* 配置规范参见《中后台搭建组件描述协议》，主要在搭建场景中使用，用于提升用户搭建体验。

*

* > 在生产环境下不需要设置

*/

componentsMap?: { [key: string]: any };

/** 设计模式，可选值：live、design */

designMode?: string;

/** 渲染模块是否挂起，当设置为 true 时，渲染模块最外层容器的 shouldComponentUpdate 将始终返回false，在下钻编辑或者多引擎渲染的场景会用到该参数。 */

suspended?: boolean;

/** 组件获取 ref 时触发的钩子 */

onCompGetRef?: (schema: NodeSchema, ref: any) => void;

/** 组件 ctx 更新回调 */

onCompGetCtx?: (schema: NodeSchema, ref: any) => void;

/** 传入的 schema 是否有变更 */

getSchemaChangedSymbol?: () => boolean;

/** 设置 schema 是否有变更 */

setSchemaChangedSymbol?: (symbol: boolean) => void;

/** 自定义创建 element 的钩子 */

customCreateElement?: (Component: any, props: any, children: any) => any;

/** 渲染类型，标识当前模块是以什么类型进行渲染的 */

rendererName?: 'LowCodeRenderer' | 'PageRenderer' | string;

/** 当找不到组件时，显示的组件 */

notFoundComponent?: IGeneralComponent;

/** 当组件渲染异常时，显示的组件 */

faultComponent?: IGeneralComponent;

/** 设备信息 */

device?: string;

}

export interface IRendererState {

engineRenderError?: boolean;

error?: Error;

}

/**

* 渲染内部模块可用配置

*/

export interface IBaseRendererProps {

locale?: string;

messages: Record<string, any>;

__appHelper: IRendererAppHelper;

__components: Record<string, any>;

__ctx: Record<string, any>;

__schema: RootSchema;

__host?: BuiltinSimulatorHost;

__container?: any;

config?: Record<string, any>;

/**

* @see https://yuque.antfin.com/ali-lowcode/docs/hk2ogo#designMode

*/

designMode?: 'live' | 'design';

className?: string;

style?: CSSProperties;

id?: string | number;

getSchemaChangedSymbol?: () => boolean;

setSchemaChangedSymbol?: (symbol: boolean) => void;

documentId?: string;

getNode?: any;

/**

* 设备类型，默认值：'default'

*/

device?: 'default' | 'mobile' | string;

}

export interface IInfo {

schema?: NodeSchema;

Comp: any;

componentInfo?: any;

componentChildren?: any;

}

export interface JSExpression {

type: string;

value: string;

}

export interface DataSourceItem {

id: string;

isInit?: boolean | JSExpression;

type?: string;

options?: {

uri: string | JSExpression;

params?: JSONObject | JSExpression;

method?: string | JSExpression;

shouldFetch?: string;

willFetch?: string;

fit?: string;

didFetch?: string;

};

dataHandler?: JSExpression;

}

export interface DataSource {

list?: DataSourceItem[];

dataHandler?: JSExpression;

}

export interface IRuntime {

Component: IGeneralConstructor;

PureComponent: IGeneralConstructor;

createElement: (...args: any) => any;

createContext: (...args: any) => any;

forwardRef: (...args: any) => any;

findDOMNode: (...args: any) => any;

[key: string]: any;

}

export interface IRendererModules {

BaseRenderer?: IBaseRenderComponent;

PageRenderer: IBaseRenderComponent;

ComponentRenderer: IBaseRenderComponent;

BlockRenderer?: IBaseRenderComponent;

AddonRenderer?: IBaseRenderComponent;

TempRenderer?: IBaseRenderComponent;

DivRenderer?: IBaseRenderComponent;

}

export interface IBaseRendererContext {

appHelper: IRendererAppHelper;

components: Record<string, IGeneralComponent>;

engine: IRuntime;

pageContext?: IBaseRenderComponent;

compContext?: IBaseRenderComponent;

}

export type IBaseRendererInstance = IGeneralComponent<

IBaseRendererProps,

Record<string, any>,

any

>

& {

reloadDataSource(): Promise<any>;

getSchemaChildren(schema: NodeSchema | undefined): NodeData | NodeData[] | undefined;

__beforeInit(props: IBaseRendererProps): void;

__init(props: IBaseRendererProps): void;

__afterInit(props: IBaseRendererProps): void;

__setLifeCycleMethods(method: string, args?: any[]): void;

__bindCustomMethods(props: IBaseRendererProps): void;

__generateCtx(ctx: Record<string, any>): void;

__parseData(data: any, ctx?: any): any;

__initDataSource(props: IBaseRendererProps): void;

__render(): void;

__getRef(ref: any): void;

__getSchemaChildrenVirtualDom(

schema: NodeSchema | undefined,

Comp: any,

nodeChildrenMap?: any

): any;

__getComponentProps(schema: NodeSchema | undefined, scope: any, Comp: any, componentInfo?: any): any;

__createDom(): any;

__createVirtualDom(schema: any, self: any, parentInfo: IInfo, idx: string | number): any;

__createLoopVirtualDom(schema: any, self: any, parentInfo: IInfo, idx: number | string): any;

__parseProps(props: any, self: any, path: string, info: IInfo): any;

__initDebug?(): void;

__debug(...args: any[]): void;

__renderContextProvider(customProps?: object, children?: any): any;

__renderContextConsumer(children: any): any;

__renderContent(children: any): any;

__checkSchema(schema: NodeSchema | undefined, extraComponents?: string | string[]): any;

__renderComp(Comp: any, ctxProps: object): any;

$(filedId: string, instance?: any): any;

};

export interface IBaseRenderComponent {

new(

props: IBaseRendererProps,

context: any

): IBaseRendererInstance;

}

export interface IRenderComponent {

new(props: IRendererProps, context: any): IGeneralComponent<IRendererProps, IRendererState> & {

[x: string]: any;

componentDidMount(): Promise<void>;

componentDidUpdate(): Promise<void>;

componentWillUnmount(): Promise<void>;

componentDidCatch(e: any): Promise<void>;

shouldComponentUpdate(nextProps: IRendererProps): boolean;

__getRef: (ref: any) => void;

isValidComponent(SetComponent: any): any;

patchDidCatch(SetComponent: any): void;

createElement(SetComponent: any, props: any, children?: any): any;

getNotFoundComponent(): any;

getFaultComponent(): any;

};

dislayName: string;

defaultProps: IRendererProps;

findDOMNode: (...args: any) => any;

}