mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-04 04:59:17 +08:00
112 lines
3.1 KiB
TypeScript
112 lines
3.1 KiB
TypeScript
/**
|
||
* @file 组件 Env，包括如何发送 ajax，如何通知，如何跳转等等。。
|
||
*/
|
||
import React from 'react';
|
||
import {RendererConfig} from './factory';
|
||
import {ThemeInstance} from './theme';
|
||
import {Action, Api, Payload, Schema} from './types';
|
||
import hoistNonReactStatic from 'hoist-non-react-statics';
|
||
|
||
export interface RendererEnv {
|
||
fetcher: (api: Api, data?: any, options?: object) => Promise<Payload>;
|
||
isCancel: (val: any) => boolean;
|
||
notify: (
|
||
type: 'error' | 'success' | 'warning',
|
||
msg: string,
|
||
conf?: {
|
||
closeButton?: boolean;
|
||
timeout?: number;
|
||
}
|
||
) => void;
|
||
jumpTo: (to: string, action?: Action, ctx?: object) => void;
|
||
alert: (msg: string) => void;
|
||
confirm: (msg: string, title?: string) => Promise<boolean>;
|
||
updateLocation: (location: any, replace?: boolean) => void;
|
||
|
||
/**
|
||
* 阻止路由跳转，有时候 form 没有保存，但是路由跳转了，导致页面没有更新，
|
||
* 所以先让用户确认一下。
|
||
*
|
||
* 单页模式需要这个，如果非单页模式，不需要处理这个。
|
||
*/
|
||
blockRouting?: (fn: (targetLocation: any) => void | string) => () => void;
|
||
isCurrentUrl: (link: string, ctx?: any) => boolean | {params?: object};
|
||
|
||
/**
|
||
* 监控路由变化，如果 jssdk 需要做单页跳转需要实现这个。
|
||
*/
|
||
watchRouteChange?: (fn: () => void) => () => void;
|
||
rendererResolver?: (
|
||
path: string,
|
||
schema: Schema,
|
||
props: any
|
||
) => null | RendererConfig;
|
||
copy?: (contents: string) => void;
|
||
getModalContainer?: () => HTMLElement;
|
||
theme: ThemeInstance;
|
||
affixOffsetTop: number;
|
||
affixOffsetBottom: number;
|
||
richTextToken: string;
|
||
loadRenderer: (
|
||
schema: Schema,
|
||
path: string,
|
||
reRender: Function
|
||
) => Promise<React.ReactType> | React.ReactType | JSX.Element | void;
|
||
loadChartExtends?: () => void | Promise<void>;
|
||
[propName: string]: any;
|
||
}
|
||
|
||
export const EnvContext = React.createContext<RendererEnv | void>(undefined);
|
||
|
||
export interface EnvProps {
|
||
env: RendererEnv;
|
||
}
|
||
|
||
export function withRendererEnv<
|
||
T extends React.ComponentType<React.ComponentProps<T> & EnvProps>
|
||
>(ComposedComponent: T) {
|
||
type OuterProps = JSX.LibraryManagedAttributes<
|
||
T,
|
||
Omit<React.ComponentProps<T>, keyof EnvProps>
|
||
> & {
|
||
env?: RendererEnv;
|
||
};
|
||
|
||
const result = hoistNonReactStatic(
|
||
class extends React.Component<OuterProps> {
|
||
static displayName = `WithEnv(${
|
||
ComposedComponent.displayName || ComposedComponent.name
|
||
})`;
|
||
static contextType = EnvContext;
|
||
static ComposedComponent = ComposedComponent;
|
||
|
||
render() {
|
||
const injectedProps: {
|
||
env: RendererEnv;
|
||
} = {
|
||
env: this.props.env || this.context
|
||
};
|
||
|
||
if (!injectedProps.env) {
|
||
throw new Error('Env 信息获取失败，组件用法不正确');
|
||
}
|
||
|
||
return (
|
||
<ComposedComponent
|
||
{...(this.props as JSX.LibraryManagedAttributes<
|
||
T,
|
||
React.ComponentProps<T>
|
||
>)}
|
||
{...injectedProps}
|
||
/>
|
||
);
|
||
}
|
||
},
|
||
ComposedComponent
|
||
);
|
||
|
||
return result as typeof result & {
|
||
ComposedComponent: T;
|
||
};
|
||
}
|