@rsmax/web 1.0.1

package/cjs/PullToRefresh.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const rmc_pull_to_refresh_1 = __importDefault(require("rmc-pull-to-refresh"));
+const LoadingIcon_1 = __importDefault(require("./LoadingIcon"));
+const RemaxPullToRefresh = props => {
+    return (React.createElement(rmc_pull_to_refresh_1.default, Object.assign({}, props, { getScrollContainer: () => {
+            document.body;
+        }, indicator: {
+            activate: React.createElement(LoadingIcon_1.default, null),
+            deactivate: React.createElement(LoadingIcon_1.default, null),
+            release: React.createElement(LoadingIcon_1.default, { animate: true }),
+            finish: React.createElement(LoadingIcon_1.default, null),
+        } })));
+};
+exports.default = RemaxPullToRefresh;

package/cjs/TabBar.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { History } from 'history';
+import { TabBarConfig } from './types';
+export declare function TabBar({ config, history }: {
+    config: TabBarConfig;
+    history: History;
+}): React.JSX.Element;

package/cjs/TabBar.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabBar = void 0;
+const React = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+function TabBar({ config, history }) {
+    var _a;
+    const [currentPath, setCurrentPath] = React.useState(history.location.pathname);
+    React.useEffect(() => {
+        setCurrentPath(history.location.pathname);
+        return history.listen(() => {
+            setCurrentPath(history.location.pathname);
+        });
+    }, []);
+    const isActive = (url) => {
+        if (!url.startsWith('/')) {
+            url = '/' + url;
+        }
+        return currentPath === url;
+    };
+    return (React.createElement("div", { className: "remax-tab-bar", style: { backgroundColor: (_a = config.backgroundColor) !== null && _a !== void 0 ? _a : '' } }, config.items.map((item, index) => (React.createElement(TabBarItem, { key: index, config: config, isActive: isActive(item.url), item: item })))));
+}
+exports.TabBar = TabBar;
+function TabBarItem({ config, isActive, item }) {
+    var _a, _b;
+    const icon = isActive ? item.activeImage || item.image : item.image;
+    const textColor = (_a = config.textColor) !== null && _a !== void 0 ? _a : '#333';
+    const selectedColor = (_b = config.selectedColor) !== null && _b !== void 0 ? _b : '#108ee9';
+    return (React.createElement(react_router_dom_1.Link, { to: `/${item.url}`, className: "remax-tab-item" },
+        React.createElement("div", { className: "remax-tab-item-image", style: { backgroundImage: `url(${icon})` } }),
+        React.createElement("div", { className: "remax-tab-item-title", style: {
+                color: isActive ? selectedColor : textColor,
+            } }, item.title)));
+}

package/cjs/api.d.ts

@@ -0,0 +1,16 @@
+interface NavigateToParams {
+    url: string;
+}
+interface NavigateBackParams {
+    /** 返回的页面数 */
+    delta?: number;
+}
+type RedirectToParams = NavigateToParams;
+type ReLaunchParams = NavigateToParams;
+type SwitchTabParams = NavigateToParams;
+export declare function navigateTo(params: NavigateToParams): Promise<void>;
+export declare function navigateBack(params?: NavigateBackParams): Promise<void>;
+export declare function redirectTo(params: RedirectToParams): Promise<void>;
+export declare function reLaunch(params: ReLaunchParams): void;
+export declare function switchTab(params: SwitchTabParams): void;
+export {};

package/cjs/api.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.switchTab = exports.reLaunch = exports.redirectTo = exports.navigateBack = exports.navigateTo = void 0;
+const framework_shared_1 = require("@rsmax/framework-shared");
+function navigateTo(params) {
+    const history = framework_shared_1.RuntimeOptions.get('history');
+    history.push(params.url);
+    return Promise.resolve();
+}
+exports.navigateTo = navigateTo;
+function navigateBack(params) {
+    const history = framework_shared_1.RuntimeOptions.get('history');
+    history.go(-((params === null || params === void 0 ? void 0 : params.delta) || 1));
+    return Promise.resolve();
+}
+exports.navigateBack = navigateBack;
+function redirectTo(params) {
+    const history = framework_shared_1.RuntimeOptions.get('history');
+    history.replace(params.url);
+    return Promise.resolve();
+}
+exports.redirectTo = redirectTo;
+function reLaunch(params) {
+    window.location.href = params.url;
+}
+exports.reLaunch = reLaunch;
+function switchTab(params) {
+    navigateTo(params);
+}
+exports.switchTab = switchTab;

package/cjs/bootstrap.d.ts

@@ -0,0 +1,2 @@
+import { BootstrapOptions } from './types';
+export default function bootstrap(options: BootstrapOptions): void;

package/cjs/bootstrap.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_dom_1 = require("react-dom");
+const umi_hd_1 = __importDefault(require("umi-hd"));
+const history_1 = require("history");
+const framework_shared_1 = require("@rsmax/framework-shared");
+const createApp_1 = __importDefault(require("./createApp"));
+function bootstrap(options) {
+    (0, umi_hd_1.default)();
+    const { appConfig } = options;
+    const history = !appConfig.router || appConfig.router.type !== 'browser' ? (0, history_1.createHashHistory)() : (0, history_1.createBrowserHistory)();
+    framework_shared_1.RuntimeOptions.apply({ history, mpa: false });
+    (0, react_dom_1.render)((0, createApp_1.default)(options, history), document.getElementById('remax-app'));
+}
+exports.default = bootstrap;

package/cjs/bootstrapMpa.d.ts

@@ -0,0 +1 @@
+export default function bootstrap(options: any): void;

package/cjs/bootstrapMpa.js

@@ -0,0 +1,80 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_dom_1 = require("react-dom");
+const umi_hd_1 = __importDefault(require("umi-hd"));
+const createAppConfig_1 = __importDefault(require("./createAppConfig"));
+const framework_shared_1 = require("@rsmax/framework-shared");
+const createPageConfig_1 = __importDefault(require("./createPageConfig"));
+const noop = () => {
+    // ignore
+};
+function createApp(options) {
+    const { appComponent, pageComponent, page, appConfig } = options;
+    const AppConfig = (0, createAppConfig_1.default)(appComponent);
+    const PageConfig = (0, createPageConfig_1.default)(pageComponent, page.route);
+    return (React.createElement(AppConfig, null,
+        React.createElement(PageConfig, { pageConfig: Object.assign(Object.assign({}, appConfig.window), page.config), tabBar: appConfig.tabBar, location: window.location, cacheLifecycles: {
+                didCache: noop,
+                didRecover: noop,
+            } })));
+}
+function bootstrap(options) {
+    (0, umi_hd_1.default)();
+    const { plugins = [], page } = options;
+    const pluginDriver = new framework_shared_1.PluginDriver(plugins.map((plugin) => plugin.default || plugin));
+    const history = {
+        push(url) {
+            url = history.transformUrl(url);
+            console.log('not implemented');
+        },
+        go() {
+            console.log('not implemented');
+        },
+        replace(url) {
+            url = history.transformUrl(url);
+            location.replace(url);
+        },
+        page: null,
+        transformUrl(url) {
+            if (!url)
+                return url;
+            let publicPath = '';
+            if (url.startsWith('/'))
+                publicPath = location.pathname.replace(`/${page.route}.html`, '');
+            const arr = url.split('?');
+            arr[0] = arr[0] + '.html';
+            return publicPath + arr.join('?');
+        },
+    };
+    framework_shared_1.RuntimeOptions.apply({ pluginDriver, history, mpa: true });
+    const App = createApp(options);
+    (0, react_dom_1.render)(App, document.getElementById('remax-app'));
+}
+exports.default = bootstrap;

package/cjs/createApp.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { History } from 'history';
+import { BootstrapOptions } from './types';
+export default function createApp(options: BootstrapOptions, history: History): React.JSX.Element;

package/cjs/createApp.js

@@ -0,0 +1,72 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const framework_shared_1 = require("@rsmax/framework-shared");
+const react_router_cache_route_1 = require("@remax/react-router-cache-route");
+const react_router_dom_1 = require("react-router-dom");
+const component_1 = __importDefault(require("@loadable/component"));
+const createAppConfig_1 = __importDefault(require("./createAppConfig"));
+const createPageConfig_1 = __importDefault(require("./createPageConfig"));
+const TabBar_1 = require("./TabBar");
+function createApp(options, history) {
+    var _a, _b, _c;
+    const { async = true, appComponent, appConfig, pageComponents, pages, plugins = [] } = options;
+    const AppConfig = (0, createAppConfig_1.default)(appComponent);
+    const pluginDriver = new framework_shared_1.PluginDriver(plugins.map(plugin => plugin.default || plugin));
+    framework_shared_1.RuntimeOptions.apply({ pluginDriver });
+    const pageComponentsHoc = pages.map((page, i) => {
+        const pageComponent = async
+            ? (0, component_1.default)(() => pageComponents[i]().then(({ default: c }) => (0, createPageConfig_1.default)(c, page.route)))
+            : (0, createPageConfig_1.default)(pageComponents[i](), page.route);
+        return pageComponent;
+    });
+    return (React.createElement(react_router_dom_1.Router, { history: history },
+        React.createElement(AppConfig, null,
+            React.createElement(react_router_cache_route_1.CacheSwitch, null,
+                React.createElement(react_router_dom_1.Route, { exact: true, path: "/" },
+                    React.createElement(react_router_dom_1.Redirect, { to: `/${(_a = pages[0]) === null || _a === void 0 ? void 0 : _a.route}` })),
+                pages.map((page, i) => {
+                    return (React.createElement(react_router_cache_route_1.CacheRoute, { key: page.route, className: "remax-cached-router-wrapper", path: `/${page.route}`, exact: true }, (props) => {
+                        const pageComponent = pageComponentsHoc[i];
+                        return React.createElement(pageComponent, Object.assign(Object.assign({}, props), { pageConfig: Object.assign(Object.assign({}, appConfig.window), page.config), tabBar: appConfig.tabBar }));
+                    }));
+                }),
+                React.createElement(react_router_dom_1.Route, null,
+                    React.createElement(react_router_dom_1.Redirect, { to: `/${(_b = pages[0]) === null || _b === void 0 ? void 0 : _b.route}` }))),
+            ((_c = appConfig.tabBar) === null || _c === void 0 ? void 0 : _c.items) && appConfig.tabBar.items.length > 0 && (React.createElement(TabBar_1.TabBar, { history: history, config: appConfig.tabBar })),
+            process.env.NODE_ENV === 'development' && React.createElement(LogLocation, null))));
+}
+exports.default = createApp;
+function LogLocation() {
+    const location = (0, react_router_dom_1.useLocation)();
+    React.useEffect(() => {
+        console.log('[remax][react-router]location change', location.pathname);
+    }, [location]);
+    return null;
+}

package/cjs/createAppConfig.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+export default function createAppConfig(this: any, App: any): {
+    new (props: any): {
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        visibilityChangeEvent: () => void;
+        handelVisibilityChange: () => void;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<any>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<any>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: any, context: any): {
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        visibilityChangeEvent: () => void;
+        handelVisibilityChange: () => void;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<any>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<any>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};

package/cjs/createAppConfig.js

@@ -0,0 +1,89 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_is_1 = require("react-is");
+const framework_shared_1 = require("@rsmax/framework-shared");
+class DefaultAppComponent extends React.Component {
+    render() {
+        return React.createElement(React.Fragment, this.props);
+    }
+}
+function createAppConfig(App) {
+    const createConfig = (AppComponent = DefaultAppComponent) => {
+        const config = {
+            _instance: React.createRef(),
+            callLifecycle(lifecycle, ...args) {
+                const callbacks = framework_shared_1.AppInstanceContext.lifecycleCallback[lifecycle] || [];
+                let result;
+                callbacks.forEach((callback) => {
+                    result = callback(...args);
+                });
+                if (result) {
+                    return result;
+                }
+                const callback = (0, framework_shared_1.callbackName)(lifecycle);
+                if (this._instance.current && this._instance.current[callback]) {
+                    return this._instance.current[callback](...args);
+                }
+            },
+        };
+        return class AppConfig extends React.Component {
+            constructor() {
+                super(...arguments);
+                this.visibilityChangeEvent = () => {
+                    if (document.visibilityState === 'visible') {
+                        config.callLifecycle(framework_shared_1.AppLifecycle.show);
+                    }
+                    else {
+                        config.callLifecycle(framework_shared_1.AppLifecycle.hide);
+                    }
+                };
+                this.handelVisibilityChange = () => {
+                    document.addEventListener('visibilitychange', this.visibilityChangeEvent);
+                };
+            }
+            componentDidMount() {
+                window.onerror = (...params) => {
+                    config.callLifecycle(framework_shared_1.AppLifecycle.error, ...params);
+                };
+                config.callLifecycle(framework_shared_1.AppLifecycle.launch);
+                this.handelVisibilityChange();
+            }
+            componentWillUnmount() {
+                document.removeEventListener('visibilitychange', this.visibilityChangeEvent);
+            }
+            render() {
+                let ref;
+                if ((0, framework_shared_1.isClassComponent)(AppComponent) || AppComponent.$$typeof === react_is_1.ForwardRef) {
+                    ref = config._instance;
+                }
+                return React.createElement(AppComponent, Object.assign({}, this.props, { ref: ref }));
+            }
+        };
+    };
+    return createConfig(App);
+}
+exports.default = createAppConfig;

package/cjs/createPageConfig.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { TabBarConfig, PageConfig } from './types';
+interface PageConfigProps {
+    tabBar: TabBarConfig;
+    pageConfig: PageConfig;
+    location: any;
+    cacheLifecycles?: any;
+}
+export default function createPageConfig(Page: React.ComponentType<any>, name: string): {
+    new (props: any): {
+        state: {
+            refreshing: boolean;
+        };
+        title: string;
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        componentDidCache: () => void;
+        componentDidRecover: () => void;
+        setTitle: () => void;
+        isPullDownRefreshEnabled: () => boolean | undefined;
+        getReachBottomDistance: () => number;
+        isReachBottom: boolean;
+        scrollEvent: () => void;
+        registerPageScroll: () => void;
+        unregisterPageScroll: () => void;
+        handleRefresh: () => Promise<void>;
+        checkReachBottom: () => void;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<PageConfigProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<PageConfigProps>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<PageConfigProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<PageConfigProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<PageConfigProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<PageConfigProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<PageConfigProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<PageConfigProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<PageConfigProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export {};