mirror of
https://github.com/MrXujiang/h5-Dooring.git
synced 2026-01-05 02:38:10 +00:00
添加umi过滤文件提交样式文件
This commit is contained in:
xujiang
parent
c1856acfc9
commit
acde12bc23
@ -1,51 +0,0 @@
|
||||
// @ts-nocheck
|
||||
|
||||
if (window.g_initWebpackHotDevClient) {
|
||||
function tryApplyUpdates(onHotUpdateSuccess?: Function) {
|
||||
// @ts-ignore
|
||||
if (!module.hot) {
|
||||
window.location.reload();
|
||||
return;
|
||||
}
|
||||
|
||||
function isUpdateAvailable() {
|
||||
// @ts-ignore
|
||||
return window.g_getMostRecentCompilationHash() !== __webpack_hash__;
|
||||
}
|
||||
|
||||
// TODO: is update available?
|
||||
// @ts-ignore
|
||||
if (!isUpdateAvailable() || module.hot.status() !== 'idle') {
|
||||
return;
|
||||
}
|
||||
|
||||
function handleApplyUpdates(err: Error | null, updatedModules: any) {
|
||||
if (err || !updatedModules || window.g_getHadRuntimeError()) {
|
||||
window.location.reload();
|
||||
return;
|
||||
}
|
||||
|
||||
onHotUpdateSuccess?.();
|
||||
|
||||
if (isUpdateAvailable()) {
|
||||
// While we were updating, there was a new update! Do it again.
|
||||
tryApplyUpdates();
|
||||
}
|
||||
}
|
||||
|
||||
// @ts-ignore
|
||||
module.hot.check(true).then(
|
||||
function (updatedModules: any) {
|
||||
handleApplyUpdates(null, updatedModules);
|
||||
},
|
||||
function (err: Error) {
|
||||
handleApplyUpdates(err, null);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
window.g_initWebpackHotDevClient({
|
||||
tryApplyUpdates,
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,26 +0,0 @@
|
||||
// @ts-nocheck
|
||||
import { createBrowserHistory } from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/@umijs/runtime';
|
||||
|
||||
let options = {
|
||||
"basename": "h5_plus"
|
||||
};
|
||||
if ((<any>window).routerBase) {
|
||||
options.basename = (<any>window).routerBase;
|
||||
}
|
||||
|
||||
// remove initial history because of ssr
|
||||
let history: any = process.env.__IS_SERVER ? null : createBrowserHistory(options);
|
||||
export const createHistory = (hotReload = false) => {
|
||||
if (!hotReload) {
|
||||
history = createBrowserHistory(options);
|
||||
}
|
||||
|
||||
return history;
|
||||
};
|
||||
|
||||
// 通常仅微前端场景需要调用这个 API
|
||||
export const setCreateHistoryOptions = (newOpts: any = {}) => {
|
||||
options = { ...options, ...newOpts };
|
||||
};
|
||||
|
||||
export { history };
|
||||
@ -1,8 +0,0 @@
|
||||
// @ts-nocheck
|
||||
import { Plugin } from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/@umijs/runtime';
|
||||
|
||||
const plugin = new Plugin({
|
||||
validKeys: ['modifyClientRenderOpts','patchRoutes','rootContainer','render','onRouteChange','dva','getInitialState','request',],
|
||||
});
|
||||
|
||||
export { plugin };
|
||||
210
src/.umi/core/pluginConfig.d.ts
vendored
210
src/.umi/core/pluginConfig.d.ts
vendored
@ -1,210 +0,0 @@
|
||||
/** Created by Umi Plugin **/
|
||||
|
||||
export interface IConfigFromPlugins {
|
||||
routes?: {
|
||||
/**
|
||||
* Any valid URL path
|
||||
*/
|
||||
path?: string;
|
||||
/**
|
||||
* A React component to render only when the location matches.
|
||||
*/
|
||||
component?: string | (() => any);
|
||||
wrappers?: string[];
|
||||
/**
|
||||
* navigate to a new location
|
||||
*/
|
||||
redirect?: string;
|
||||
/**
|
||||
* When true, the active class/style will only be applied if the location is matched exactly.
|
||||
*/
|
||||
exact?: boolean;
|
||||
routes?: any[];
|
||||
[k: string]: any;
|
||||
}[];
|
||||
history?: {
|
||||
type?: "browser" | "hash" | "memory";
|
||||
options?: {};
|
||||
};
|
||||
polyfill?: {
|
||||
imports?: string[];
|
||||
};
|
||||
alias?: {};
|
||||
analyze?: {
|
||||
analyzerMode?: "server" | "static" | "disabled";
|
||||
analyzerHost?: string;
|
||||
analyzerPort?: any;
|
||||
openAnalyzer?: boolean;
|
||||
generateStatsFile?: boolean;
|
||||
statsFilename?: string;
|
||||
logLevel?: "info" | "warn" | "error" | "silent";
|
||||
defaultSizes?: "stat" | "parsed" | "gzip";
|
||||
[k: string]: any;
|
||||
};
|
||||
/**
|
||||
* postcss autoprefixer, default flexbox: no-2009
|
||||
*/
|
||||
autoprefixer?: {};
|
||||
base?: string;
|
||||
chainWebpack?: () => any;
|
||||
chunks?: string[];
|
||||
/**
|
||||
* more css-loader options see https://webpack.js.org/loaders/css-loader/#options
|
||||
*/
|
||||
cssLoader?: {
|
||||
url?: boolean | (() => any);
|
||||
import?: boolean | (() => any);
|
||||
modules?: boolean | string | {};
|
||||
sourceMap?: boolean;
|
||||
importLoaders?: number;
|
||||
onlyLocals?: boolean;
|
||||
esModule?: boolean;
|
||||
localsConvention?: "asIs" | "camelCase" | "camelCaseOnly" | "dashes" | "dashesOnly";
|
||||
};
|
||||
cssModulesTypescriptLoader?: {
|
||||
mode?: "emit" | "verify";
|
||||
};
|
||||
cssnano?: {};
|
||||
copy?: string[];
|
||||
define?: {};
|
||||
devScripts?: {};
|
||||
/**
|
||||
* devServer configs
|
||||
*/
|
||||
devServer?: {
|
||||
/**
|
||||
* devServer port, default 8000
|
||||
*/
|
||||
port?: number;
|
||||
host?: string;
|
||||
https?:
|
||||
| {
|
||||
key?: string;
|
||||
cert?: string;
|
||||
[k: string]: any;
|
||||
}
|
||||
| boolean;
|
||||
headers?: {};
|
||||
writeToDisk?: boolean | (() => any);
|
||||
[k: string]: any;
|
||||
};
|
||||
devtool?: string;
|
||||
/**
|
||||
* Code splitting for performance optimization
|
||||
*/
|
||||
dynamicImport?: {
|
||||
/**
|
||||
* loading the component before loaded
|
||||
*/
|
||||
loading?: string;
|
||||
};
|
||||
exportStatic?: {
|
||||
htmlSuffix?: boolean;
|
||||
dynamicRoot?: boolean;
|
||||
/**
|
||||
* extra render paths only enable in ssr
|
||||
*/
|
||||
extraRoutePaths?: () => any;
|
||||
};
|
||||
externals?: {} | string | (() => any);
|
||||
extraBabelPlugins?: any[];
|
||||
extraBabelPresets?: any[];
|
||||
extraPostCSSPlugins?: any[];
|
||||
/**
|
||||
* fork-ts-checker-webpack-plugin options see https://github.com/TypeStrong/fork-ts-checker-webpack-plugin#options
|
||||
*/
|
||||
forkTSChecker?: {
|
||||
async?: boolean;
|
||||
typescript?: boolean | {};
|
||||
eslint?: {};
|
||||
issue?: {};
|
||||
formatter?: string | {};
|
||||
logger?: {};
|
||||
[k: string]: any;
|
||||
};
|
||||
hash?: boolean;
|
||||
ignoreMomentLocale?: boolean;
|
||||
inlineLimit?: number;
|
||||
lessLoader?: {};
|
||||
manifest?: {
|
||||
fileName?: string;
|
||||
publicPath?: "";
|
||||
basePath?: string;
|
||||
writeToFileEmit?: boolean;
|
||||
};
|
||||
mountElementId?: "";
|
||||
mpa?: {};
|
||||
nodeModulesTransform?: {
|
||||
type?: "all" | "none";
|
||||
exclude?: string[];
|
||||
};
|
||||
outputPath?: "";
|
||||
plugins?: string[];
|
||||
postcssLoader?: {};
|
||||
presets?: string[];
|
||||
proxy?: {};
|
||||
publicPath?: string;
|
||||
runtimePublicPath?: boolean;
|
||||
ssr?: {
|
||||
/**
|
||||
* remove window.g_initialProps in html, to force execing Page getInitialProps functions
|
||||
*/
|
||||
forceInitial?: boolean;
|
||||
/**
|
||||
* disable serve-side render in umi dev mode.
|
||||
*/
|
||||
devServerRender?: boolean;
|
||||
mode?: "stream" | "string";
|
||||
/**
|
||||
* static markup in static site
|
||||
*/
|
||||
staticMarkup?: boolean;
|
||||
};
|
||||
singular?: boolean;
|
||||
styleLoader?: {};
|
||||
targets?: {};
|
||||
terserOptions?: {};
|
||||
theme?: {};
|
||||
runtimeHistory?: {};
|
||||
favicon?: string;
|
||||
headScripts?: any[];
|
||||
links?: any[];
|
||||
metas?: any[];
|
||||
scripts?: any[];
|
||||
styles?: any[];
|
||||
title?: string;
|
||||
mock?: {
|
||||
exclude?: string[];
|
||||
};
|
||||
antd?: {
|
||||
dark?: boolean;
|
||||
compact?: boolean;
|
||||
config?: {};
|
||||
};
|
||||
dva?: {
|
||||
immer?: boolean;
|
||||
hmr?: boolean;
|
||||
skipModelValidate?: boolean;
|
||||
extraModels?: string[];
|
||||
};
|
||||
locale?: {
|
||||
default?: string;
|
||||
useLocalStorage?: boolean;
|
||||
baseNavigator?: boolean;
|
||||
title?: boolean;
|
||||
antd?: boolean;
|
||||
baseSeparator?: string;
|
||||
};
|
||||
layout?: {};
|
||||
request?: {
|
||||
dataField?: "";
|
||||
};
|
||||
sass?: {
|
||||
implementation?: any;
|
||||
sassOptions?: {};
|
||||
prependData?: string | (() => any);
|
||||
sourceMap?: boolean;
|
||||
webpackImporter?: boolean;
|
||||
};
|
||||
[k: string]: any;
|
||||
}
|
||||
@ -1,18 +0,0 @@
|
||||
// @ts-nocheck
|
||||
import { plugin } from './plugin';
|
||||
import * as Plugin_0 from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/src/.umi/plugin-dva/runtime.tsx';
|
||||
import * as Plugin_1 from '../plugin-initial-state/runtime';
|
||||
import * as Plugin_2 from '../plugin-model/runtime';
|
||||
|
||||
plugin.register({
|
||||
apply: Plugin_0,
|
||||
path: '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/src/.umi/plugin-dva/runtime.tsx',
|
||||
});
|
||||
plugin.register({
|
||||
apply: Plugin_1,
|
||||
path: '../plugin-initial-state/runtime',
|
||||
});
|
||||
plugin.register({
|
||||
apply: Plugin_2,
|
||||
path: '../plugin-model/runtime',
|
||||
});
|
||||
@ -1,3 +0,0 @@
|
||||
// @ts-nocheck
|
||||
import 'core-js';
|
||||
import 'regenerator-runtime/runtime';
|
||||
@ -1,38 +0,0 @@
|
||||
// @ts-nocheck
|
||||
import { ApplyPluginsType, dynamic } from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/@umijs/runtime';
|
||||
import { plugin } from './plugin';
|
||||
import LoadingComponent from '@/components/LoadingCp';
|
||||
|
||||
export function getRoutes() {
|
||||
const routes = [
|
||||
{
|
||||
"path": "/",
|
||||
"routes": [
|
||||
{
|
||||
"path": "/editor",
|
||||
"component": dynamic({ loader: () => import(/* webpackChunkName: 'p__editor' */'/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/src/pages/editor'), loading: LoadingComponent}),
|
||||
"exact": true
|
||||
},
|
||||
{
|
||||
"path": "/login",
|
||||
"component": dynamic({ loader: () => import(/* webpackChunkName: 'p__login' */'/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/src/pages/login'), loading: LoadingComponent}),
|
||||
"exact": true
|
||||
},
|
||||
{
|
||||
"path": "/preview",
|
||||
"component": dynamic({ loader: () => import(/* webpackChunkName: 'p__editor__preview' */'/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/src/pages/editor/preview'), loading: LoadingComponent}),
|
||||
"exact": true
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
// allow user to extend routes
|
||||
plugin.applyPlugins({
|
||||
key: 'patchRoutes',
|
||||
type: ApplyPluginsType.event,
|
||||
args: { routes },
|
||||
});
|
||||
|
||||
return routes;
|
||||
}
|
||||
@ -1,9 +0,0 @@
|
||||
// @ts-nocheck
|
||||
export { history, setCreateHistoryOptions } from './history';
|
||||
export { plugin } from './plugin';
|
||||
export * from '../plugin-dva/exports';
|
||||
export * from '../plugin-dva/connect';
|
||||
export * from '../plugin-initial-state/exports';
|
||||
export * from '../plugin-model/useModel';
|
||||
export * from '../plugin-request/request';
|
||||
export * from '../plugin-helmet/exports';
|
||||
@ -1,83 +0,0 @@
|
||||
// @ts-nocheck
|
||||
import { IRoute } from '@umijs/core';
|
||||
import { AnyAction } from 'redux';
|
||||
import React from 'react';
|
||||
import { EffectsCommandMap, SubscriptionAPI } from 'dva';
|
||||
import { match } from 'react-router-dom';
|
||||
import { Location, LocationState, History } from 'history';
|
||||
|
||||
export * from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/src/pages/editor/models/editorModal';
|
||||
|
||||
export interface Action<T = any> {
|
||||
type: T
|
||||
}
|
||||
|
||||
export type Reducer<S = any, A extends Action = AnyAction> = (
|
||||
state: S | undefined,
|
||||
action: A
|
||||
) => S;
|
||||
|
||||
export type ImmerReducer<S = any, A extends Action = AnyAction> = (
|
||||
state: S,
|
||||
action: A
|
||||
) => void;
|
||||
|
||||
export type Effect = (
|
||||
action: AnyAction,
|
||||
effects: EffectsCommandMap,
|
||||
) => void;
|
||||
|
||||
/**
|
||||
* @type P: Type of payload
|
||||
* @type C: Type of callback
|
||||
*/
|
||||
export type Dispatch = <P = any, C = (payload: P) => void>(action: {
|
||||
type: string;
|
||||
payload?: P;
|
||||
callback?: C;
|
||||
[key: string]: any;
|
||||
}) => any;
|
||||
|
||||
export type Subscription = (api: SubscriptionAPI, done: Function) => void | Function;
|
||||
|
||||
export interface Loading {
|
||||
global: boolean;
|
||||
effects: { [key: string]: boolean | undefined };
|
||||
models: {
|
||||
[key: string]: any;
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* @type P: Params matched in dynamic routing
|
||||
*/
|
||||
export interface ConnectProps<
|
||||
P extends { [K in keyof P]?: string } = {},
|
||||
S = LocationState,
|
||||
T = {}
|
||||
> {
|
||||
dispatch?: Dispatch;
|
||||
// https://github.com/umijs/umi/pull/2194
|
||||
match?: match<P>;
|
||||
location: Location<S> & { query: T };
|
||||
history: History;
|
||||
route: IRoute;
|
||||
}
|
||||
|
||||
export type RequiredConnectProps<
|
||||
P extends { [K in keyof P]?: string } = {},
|
||||
S = LocationState,
|
||||
T = {}
|
||||
> = Required<ConnectProps<P, S, T>>
|
||||
|
||||
/**
|
||||
* @type T: React props
|
||||
* @type U: match props types
|
||||
*/
|
||||
export type ConnectRC<
|
||||
T = {},
|
||||
U = {},
|
||||
S = {},
|
||||
Q = {}
|
||||
> = React.ForwardRefRenderFunction<any, T & RequiredConnectProps<U, S, Q>>;
|
||||
|
||||
@ -1,68 +0,0 @@
|
||||
// @ts-nocheck
|
||||
import { Component } from 'react';
|
||||
import { ApplyPluginsType } from 'umi';
|
||||
import dva from 'dva';
|
||||
// @ts-ignore
|
||||
import createLoading from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/dva-loading/dist/index.esm.js';
|
||||
import { plugin, history } from '../core/umiExports';
|
||||
|
||||
let app:any = null;
|
||||
|
||||
export function _onCreate(options = {}) {
|
||||
const runtimeDva = plugin.applyPlugins({
|
||||
key: 'dva',
|
||||
type: ApplyPluginsType.modify,
|
||||
initialValue: {},
|
||||
});
|
||||
app = dva({
|
||||
history,
|
||||
|
||||
...(runtimeDva.config || {}),
|
||||
// @ts-ignore
|
||||
...(typeof window !== 'undefined' && window.g_useSSR ? { initialState: window.g_initialProps } : {}),
|
||||
...(options || {}),
|
||||
});
|
||||
|
||||
app.use(createLoading());
|
||||
app.use(require('/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/dva-immer/dist/index.js')());
|
||||
(runtimeDva.plugins || []).forEach((plugin:any) => {
|
||||
app.use(plugin);
|
||||
});
|
||||
app.model({ namespace: 'editorModal', ...(require('/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/src/pages/editor/models/editorModal.js').default) });
|
||||
return app;
|
||||
}
|
||||
|
||||
export function getApp() {
|
||||
return app;
|
||||
}
|
||||
|
||||
export class _DvaContainer extends Component {
|
||||
constructor(props: any) {
|
||||
super(props);
|
||||
// run only in client, avoid override server _onCreate()
|
||||
if (typeof window !== 'undefined') {
|
||||
_onCreate();
|
||||
}
|
||||
}
|
||||
|
||||
componentWillUnmount() {
|
||||
let app = getApp();
|
||||
app._models.forEach((model:any) => {
|
||||
app.unmodel(model.namespace);
|
||||
});
|
||||
app._models = [];
|
||||
try {
|
||||
// 释放 app，for gc
|
||||
// immer 场景 app 是 read-only 的，这里 try catch 一下
|
||||
app = null;
|
||||
} catch(e) {
|
||||
console.error(e);
|
||||
}
|
||||
}
|
||||
|
||||
render() {
|
||||
const app = getApp();
|
||||
app.router(() => this.props.children);
|
||||
return app.start()();
|
||||
}
|
||||
}
|
||||
@ -1,4 +0,0 @@
|
||||
// @ts-nocheck
|
||||
|
||||
export { connect, useDispatch, useStore, useSelector } from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/dva';
|
||||
export { getApp as getDvaApp } from './dva';
|
||||
@ -1,8 +0,0 @@
|
||||
// @ts-nocheck
|
||||
import React from 'react';
|
||||
import { _DvaContainer, getApp, _onCreate } from './dva';
|
||||
|
||||
export function rootContainer(container) {
|
||||
return React.createElement(_DvaContainer, null, container);
|
||||
}
|
||||
|
||||
@ -1,3 +0,0 @@
|
||||
// @ts-nocheck
|
||||
// @ts-ignore
|
||||
export { Helmet } from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/react-helmet';
|
||||
@ -1,26 +0,0 @@
|
||||
// @ts-nocheck
|
||||
|
||||
import React, { useRef, useEffect } from 'react';
|
||||
import { useModel } from '../plugin-model/useModel';
|
||||
if (typeof useModel !== 'function') {
|
||||
throw new Error('[plugin-initial-state]: useModel is not a function, @umijs/plugin-model is required.')
|
||||
}
|
||||
|
||||
interface Props {
|
||||
children: React.ReactNode;
|
||||
}
|
||||
export default (props: Props) => {
|
||||
const { children } = props;
|
||||
const appLoaded = useRef(false);
|
||||
const { loading = false } = useModel('@@initialState') || {};
|
||||
useEffect(()=>{
|
||||
if(!loading){
|
||||
appLoaded.current = true
|
||||
}
|
||||
}, [loading])
|
||||
// initial state loading 时，阻塞渲染
|
||||
if (loading && !appLoaded.current) {
|
||||
return null;
|
||||
}
|
||||
return children;
|
||||
};
|
||||
@ -1,7 +0,0 @@
|
||||
// @ts-nocheck
|
||||
|
||||
// @ts-ignore
|
||||
import { InitialState as InitialStateType } from '../plugin-initial-state/models/initialState';
|
||||
|
||||
export type InitialState = InitialStateType;
|
||||
export const __PLUGIN_INITIAL_STATE = 1;
|
||||
@ -1,2 +0,0 @@
|
||||
// @ts-nocheck
|
||||
export default () => ({ loading: false, refresh: () => {} })
|
||||
@ -1,13 +0,0 @@
|
||||
// @ts-nocheck
|
||||
import React from 'react';
|
||||
import Provider from './Provider';
|
||||
|
||||
export function rootContainer(container: React.ReactNode) {
|
||||
return React.createElement(
|
||||
// 这里的 plugin-initial-state 不能从 constant 里取，里面有 path 依赖
|
||||
// 但 webpack-5 没有 node 补丁（包括 path）
|
||||
Provider,
|
||||
null,
|
||||
container,
|
||||
);
|
||||
}
|
||||
@ -1,39 +0,0 @@
|
||||
// @ts-nocheck
|
||||
import React from 'react';
|
||||
import initialState from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/src/.umi/plugin-initial-state/models/initialState';
|
||||
|
||||
// @ts-ignore
|
||||
import Dispatcher from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/@umijs/plugin-model/lib/helpers/dispatcher';
|
||||
// @ts-ignore
|
||||
import Executor from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/@umijs/plugin-model/lib/helpers/executor';
|
||||
// @ts-ignore
|
||||
import { UmiContext } from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/@umijs/plugin-model/lib/helpers/constant';
|
||||
|
||||
export const models = { '@@initialState': initialState, };
|
||||
|
||||
export type Model<T extends keyof typeof models> = {
|
||||
[key in keyof typeof models]: ReturnType<typeof models[T]>;
|
||||
};
|
||||
|
||||
export type Models<T extends keyof typeof models> = Model<T>[T]
|
||||
|
||||
const dispatcher = new Dispatcher!();
|
||||
const Exe = Executor!;
|
||||
|
||||
export default ({ children }: { children: React.ReactNode }) => {
|
||||
|
||||
return (
|
||||
<UmiContext.Provider value={dispatcher}>
|
||||
{
|
||||
Object.entries(models).map(pair => (
|
||||
<Exe key={pair[0]} namespace={pair[0]} hook={pair[1] as any} onUpdate={(val: any) => {
|
||||
const [ns] = pair as [keyof typeof models, any];
|
||||
dispatcher.data[ns] = val;
|
||||
dispatcher.update(ns);
|
||||
}} />
|
||||
))
|
||||
}
|
||||
{children}
|
||||
</UmiContext.Provider>
|
||||
)
|
||||
}
|
||||
@ -1,12 +0,0 @@
|
||||
// @ts-nocheck
|
||||
/* eslint-disable import/no-dynamic-require */
|
||||
import React from 'react';
|
||||
import Provider from './Provider';
|
||||
|
||||
export function rootContainer(container: React.ReactNode) {
|
||||
return React.createElement(
|
||||
Provider,
|
||||
null,
|
||||
container,
|
||||
);
|
||||
}
|
||||
@ -1,53 +0,0 @@
|
||||
// @ts-nocheck
|
||||
import { useState, useEffect, useContext, useRef } from 'react';
|
||||
// @ts-ignore
|
||||
import isEqual from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/fast-deep-equal/index.js';
|
||||
// @ts-ignore
|
||||
import { UmiContext } from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/@umijs/plugin-model/lib/helpers/constant';
|
||||
import { Model, models } from './Provider';
|
||||
|
||||
export type Models<T extends keyof typeof models> = Model<T>[T]
|
||||
|
||||
export function useModel<T extends keyof Model<T>>(model: T): Model<T>[T]
|
||||
export function useModel<T extends keyof Model<T>, U>(model: T, selector: (model: Model<T>[T]) => U): U
|
||||
|
||||
export function useModel<T extends keyof Model<T>, U>(
|
||||
namespace: T,
|
||||
updater?: (model: Model<T>[T]) => U
|
||||
) : typeof updater extends undefined ? Model<T>[T] : ReturnType<NonNullable<typeof updater>>{
|
||||
|
||||
type RetState = typeof updater extends undefined ? Model<T>[T] : ReturnType<NonNullable<typeof updater>>
|
||||
const dispatcher = useContext<any>(UmiContext);
|
||||
const updaterRef = useRef(updater);
|
||||
updaterRef.current = updater;
|
||||
const [state, setState] = useState<RetState>(
|
||||
() => updaterRef.current ? updaterRef.current(dispatcher.data![namespace]) : dispatcher.data![namespace]
|
||||
);
|
||||
const stateRef = useRef<any>(state);
|
||||
stateRef.current = state;
|
||||
|
||||
useEffect(() => {
|
||||
const handler = (e: any) => {
|
||||
if(updater && updaterRef.current){
|
||||
const currentState = updaterRef.current(e);
|
||||
const previousState = stateRef.current
|
||||
if(!isEqual(currentState, previousState)){
|
||||
setState(currentState);
|
||||
}
|
||||
} else {
|
||||
setState(e);
|
||||
}
|
||||
}
|
||||
try {
|
||||
dispatcher.callbacks![namespace]!.add(handler);
|
||||
} catch (e) {
|
||||
dispatcher.callbacks![namespace] = new Set();
|
||||
dispatcher.callbacks![namespace]!.add(handler);
|
||||
}
|
||||
return () => {
|
||||
dispatcher.callbacks![namespace]!.delete(handler);
|
||||
}
|
||||
}, [namespace]);
|
||||
|
||||
return state;
|
||||
};
|
||||
@ -1,274 +0,0 @@
|
||||
// @ts-nocheck
|
||||
/**
|
||||
* Base on https://github.com/umijs//Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/umi-request
|
||||
*/
|
||||
import {
|
||||
extend,
|
||||
Context,
|
||||
RequestOptionsInit,
|
||||
OnionMiddleware,
|
||||
RequestOptionsWithoutResponse,
|
||||
RequestMethod,
|
||||
RequestOptionsWithResponse,
|
||||
RequestResponse,
|
||||
RequestInterceptor,
|
||||
ResponseInterceptor,
|
||||
} from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/umi-request';
|
||||
// @ts-ignore
|
||||
|
||||
import { ApplyPluginsType } from 'umi';
|
||||
import { history, plugin } from '../core/umiExports';
|
||||
|
||||
import { message, notification } from 'antd';
|
||||
import useUmiRequest, { UseRequestProvider } from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/@ahooksjs/use-request';
|
||||
import {
|
||||
BaseOptions,
|
||||
BasePaginatedOptions,
|
||||
BaseResult,
|
||||
CombineService,
|
||||
LoadMoreFormatReturn,
|
||||
LoadMoreOptions,
|
||||
LoadMoreOptionsWithFormat,
|
||||
LoadMoreParams,
|
||||
LoadMoreResult,
|
||||
OptionsWithFormat,
|
||||
PaginatedFormatReturn,
|
||||
PaginatedOptionsWithFormat,
|
||||
PaginatedParams,
|
||||
PaginatedResult,
|
||||
} from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/@ahooksjs/use-request/lib/types';
|
||||
|
||||
type ResultWithData<T = any> = { data?: T; [key: string]: any };
|
||||
|
||||
function useRequest<
|
||||
R = any,
|
||||
P extends any[] = any,
|
||||
U = any,
|
||||
UU extends U = any
|
||||
>(
|
||||
service: CombineService<R, P>,
|
||||
options: OptionsWithFormat<R, P, U, UU>,
|
||||
): BaseResult<U, P>;
|
||||
function useRequest<R extends ResultWithData = any, P extends any[] = any>(
|
||||
service: CombineService<R, P>,
|
||||
options?: BaseOptions<R['data'], P>,
|
||||
): BaseResult<R['data'], P>;
|
||||
function useRequest<R extends LoadMoreFormatReturn = any, RR = any>(
|
||||
service: CombineService<RR, LoadMoreParams<R>>,
|
||||
options: LoadMoreOptionsWithFormat<R, RR>,
|
||||
): LoadMoreResult<R>;
|
||||
function useRequest<
|
||||
R extends ResultWithData<LoadMoreFormatReturn | any> = any,
|
||||
RR extends R = any
|
||||
>(
|
||||
service: CombineService<R, LoadMoreParams<R['data']>>,
|
||||
options: LoadMoreOptions<RR['data']>,
|
||||
): LoadMoreResult<R['data']>;
|
||||
|
||||
function useRequest<R = any, Item = any, U extends Item = any>(
|
||||
service: CombineService<R, PaginatedParams>,
|
||||
options: PaginatedOptionsWithFormat<R, Item, U>,
|
||||
): PaginatedResult<Item>;
|
||||
function useRequest<Item = any, U extends Item = any>(
|
||||
service: CombineService<
|
||||
ResultWithData<PaginatedFormatReturn<Item>>,
|
||||
PaginatedParams
|
||||
>,
|
||||
options: BasePaginatedOptions<U>,
|
||||
): PaginatedResult<Item>;
|
||||
function useRequest(service: any, options: any = {}) {
|
||||
return useUmiRequest(service, {
|
||||
formatResult: result => result?.data,
|
||||
requestMethod: (requestOptions: any) => {
|
||||
if (typeof requestOptions === 'string') {
|
||||
return request(requestOptions);
|
||||
}
|
||||
if (typeof requestOptions === 'object') {
|
||||
const { url, ...rest } = requestOptions;
|
||||
return request(url, rest);
|
||||
}
|
||||
throw new Error('request options error');
|
||||
},
|
||||
...options,
|
||||
});
|
||||
}
|
||||
|
||||
export interface RequestConfig extends RequestOptionsInit {
|
||||
errorConfig?: {
|
||||
errorPage?: string;
|
||||
adaptor?: (resData: any, ctx: Context) => ErrorInfoStructure;
|
||||
};
|
||||
middlewares?: OnionMiddleware[];
|
||||
requestInterceptors?: RequestInterceptor[];
|
||||
responseInterceptors?: ResponseInterceptor[];
|
||||
}
|
||||
|
||||
export enum ErrorShowType {
|
||||
SILENT = 0,
|
||||
WARN_MESSAGE = 1,
|
||||
ERROR_MESSAGE = 2,
|
||||
NOTIFICATION = 4,
|
||||
REDIRECT = 9,
|
||||
}
|
||||
|
||||
interface ErrorInfoStructure {
|
||||
success: boolean;
|
||||
data?: any;
|
||||
errorCode?: string;
|
||||
errorMessage?: string;
|
||||
showType?: ErrorShowType;
|
||||
traceId?: string;
|
||||
host?: string;
|
||||
[key: string]: any;
|
||||
}
|
||||
|
||||
interface RequestError extends Error {
|
||||
data?: any;
|
||||
info?: ErrorInfoStructure;
|
||||
request?: Context['req'];
|
||||
response?: Context['res'];
|
||||
}
|
||||
|
||||
const DEFAULT_ERROR_PAGE = '/exception';
|
||||
|
||||
let requestMethodInstance: RequestMethod;
|
||||
const getRequestMethod = () => {
|
||||
if (requestMethodInstance) {
|
||||
// request method 已经示例化
|
||||
return requestMethodInstance;
|
||||
}
|
||||
|
||||
// runtime 配置可能应为依赖顺序的问题在模块初始化的时候无法获取，所以需要封装一层在异步调用后初始化相关方法
|
||||
// 当用户的 app.ts 中依赖了该文件的情况下就该模块的初始化时间就会被提前，无法获取到运行时配置
|
||||
const requestConfig: RequestConfig = plugin.applyPlugins({
|
||||
key: 'request',
|
||||
type: ApplyPluginsType.modify,
|
||||
initialValue: {},
|
||||
});
|
||||
|
||||
const errorAdaptor =
|
||||
requestConfig.errorConfig?.adaptor || (resData => resData);
|
||||
|
||||
requestMethodInstance = extend({
|
||||
errorHandler: (error: RequestError) => {
|
||||
// @ts-ignore
|
||||
if (error?.request?.options?.skipErrorHandler) {
|
||||
throw error;
|
||||
}
|
||||
let errorInfo: ErrorInfoStructure | undefined;
|
||||
if (error.name === 'ResponseError' && error.data && error.request) {
|
||||
const ctx: Context = {
|
||||
req: error.request,
|
||||
res: error.response,
|
||||
};
|
||||
errorInfo = errorAdaptor(error.data, ctx);
|
||||
error.message = errorInfo?.errorMessage || error.message;
|
||||
error.data = error.data;
|
||||
error.info = errorInfo;
|
||||
}
|
||||
errorInfo = error.info;
|
||||
|
||||
if (errorInfo) {
|
||||
const errorMessage = errorInfo?.errorMessage;
|
||||
const errorCode = errorInfo?.errorCode;
|
||||
const errorPage =
|
||||
requestConfig.errorConfig?.errorPage || DEFAULT_ERROR_PAGE;
|
||||
|
||||
switch (errorInfo?.showType) {
|
||||
case ErrorShowType.SILENT:
|
||||
// do nothing
|
||||
break;
|
||||
case ErrorShowType.WARN_MESSAGE:
|
||||
message.warn(errorMessage);
|
||||
break;
|
||||
case ErrorShowType.ERROR_MESSAGE:
|
||||
message.error(errorMessage);
|
||||
break;
|
||||
case ErrorShowType.NOTIFICATION:
|
||||
notification.open({
|
||||
message: errorMessage,
|
||||
});
|
||||
break;
|
||||
case ErrorShowType.REDIRECT:
|
||||
// @ts-ignore
|
||||
history.push({
|
||||
pathname: errorPage,
|
||||
query: { errorCode, errorMessage },
|
||||
});
|
||||
// redirect to error page
|
||||
break;
|
||||
default:
|
||||
message.error(errorMessage);
|
||||
break;
|
||||
}
|
||||
} else {
|
||||
message.error(error.message || 'Request error, please retry.');
|
||||
}
|
||||
throw error;
|
||||
},
|
||||
...requestConfig,
|
||||
});
|
||||
|
||||
// 中间件统一错误处理
|
||||
// 后端返回格式 { success: boolean, data: any }
|
||||
// 按照项目具体情况修改该部分逻辑
|
||||
requestMethodInstance.use(async (ctx, next) => {
|
||||
await next();
|
||||
const { req, res } = ctx;
|
||||
// @ts-ignore
|
||||
if (req.options?.skipErrorHandler) {
|
||||
return;
|
||||
}
|
||||
const { options } = req;
|
||||
const { getResponse } = options;
|
||||
const resData = getResponse ? res.data : res;
|
||||
const errorInfo = errorAdaptor(resData, ctx);
|
||||
if (errorInfo.success === false) {
|
||||
// 抛出错误到 errorHandler 中处理
|
||||
const error: RequestError = new Error(errorInfo.errorMessage);
|
||||
error.name = 'BizError';
|
||||
error.data = resData;
|
||||
error.info = errorInfo;
|
||||
throw error;
|
||||
}
|
||||
});
|
||||
|
||||
// Add user custom middlewares
|
||||
const customMiddlewares = requestConfig.middlewares || [];
|
||||
customMiddlewares.forEach(mw => {
|
||||
requestMethodInstance.use(mw);
|
||||
});
|
||||
|
||||
// Add user custom interceptors
|
||||
const requestInterceptors = requestConfig.requestInterceptors || [];
|
||||
const responseInterceptors = requestConfig.responseInterceptors || [];
|
||||
requestInterceptors.map(ri => {
|
||||
requestMethodInstance.interceptors.request.use(ri);
|
||||
});
|
||||
responseInterceptors.map(ri => {
|
||||
requestMethodInstance.interceptors.response.use(ri);
|
||||
});
|
||||
|
||||
return requestMethodInstance;
|
||||
};
|
||||
|
||||
interface RequestMethodInUmi<R = false> {
|
||||
<T = any>(
|
||||
url: string,
|
||||
options: RequestOptionsWithResponse & { skipErrorHandler?: boolean },
|
||||
): Promise<RequestResponse<T>>;
|
||||
<T = any>(
|
||||
url: string,
|
||||
options: RequestOptionsWithoutResponse & { skipErrorHandler?: boolean },
|
||||
): Promise<T>;
|
||||
<T = any>(
|
||||
url: string,
|
||||
options?: RequestOptionsInit & { skipErrorHandler?: boolean },
|
||||
): R extends true ? Promise<RequestResponse<T>> : Promise<T>;
|
||||
}
|
||||
const request: RequestMethodInUmi = (url: any, options: any) => {
|
||||
const requestMethod = getRequestMethod();
|
||||
return requestMethod(url, options);
|
||||
};
|
||||
|
||||
export { request, useRequest, UseRequestProvider };
|
||||
@ -1,59 +0,0 @@
|
||||
// @ts-nocheck
|
||||
import './core/polyfill';
|
||||
import '@@/core/devScripts';
|
||||
import { plugin } from './core/plugin';
|
||||
import './core/pluginRegister';
|
||||
import { createHistory } from './core/history';
|
||||
import { ApplyPluginsType } from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/@umijs/runtime';
|
||||
import { renderClient } from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/@umijs/renderer-react/dist/index.js';
|
||||
import { getRoutes } from './core/routes';
|
||||
|
||||
|
||||
require('../global.css');
|
||||
|
||||
const getClientRender = (args: { hot?: boolean; routes?: any[] } = {}) => plugin.applyPlugins({
|
||||
key: 'render',
|
||||
type: ApplyPluginsType.compose,
|
||||
initialValue: () => {
|
||||
const opts = plugin.applyPlugins({
|
||||
key: 'modifyClientRenderOpts',
|
||||
type: ApplyPluginsType.modify,
|
||||
initialValue: {
|
||||
routes: args.routes || getRoutes(),
|
||||
plugin,
|
||||
history: createHistory(args.hot),
|
||||
isServer: process.env.__IS_SERVER,
|
||||
dynamicImport: true,
|
||||
rootElement: 'root',
|
||||
defaultTitle: `趣谈前端-h5-visible-tool`,
|
||||
},
|
||||
});
|
||||
return renderClient(opts);
|
||||
},
|
||||
args,
|
||||
});
|
||||
|
||||
const clientRender = getClientRender();
|
||||
export default clientRender();
|
||||
|
||||
|
||||
window.g_umi = {
|
||||
version: '3.2.16',
|
||||
};
|
||||
|
||||
|
||||
// hot module replacement
|
||||
// @ts-ignore
|
||||
if (module.hot) {
|
||||
// @ts-ignore
|
||||
module.hot.accept('./core/routes', () => {
|
||||
const ret = require('./core/routes');
|
||||
if (ret.then) {
|
||||
ret.then(({ getRoutes }) => {
|
||||
getClientRender({ hot: true, routes: getRoutes() })();
|
||||
});
|
||||
} else {
|
||||
getClientRender({ hot: true, routes: ret.getRoutes() })();
|
||||
}
|
||||
});
|
||||
}
|
||||
@ -46,7 +46,7 @@ export default memo(function MutiText(props) {
|
||||
<Popconfirm
|
||||
title="确定要删除吗?"
|
||||
onConfirm={handleDel.bind(this, i)}
|
||||
placement="leftTop "
|
||||
placement="leftTop"
|
||||
okText="确定"
|
||||
cancelText="取消"
|
||||
>
|
||||
|
||||
@ -1,25 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
export default class UmiReactTitle extends React.Component {
|
||||
componentDidMount() {
|
||||
document.title = this.props.route._title;
|
||||
}
|
||||
getTitle() {
|
||||
const separator = '' || ' - ';
|
||||
const title = this.props.route._title.split(separator).map(item => {
|
||||
return formatMessage({
|
||||
id: item.trim(),
|
||||
defaultMessage: item.trim(),
|
||||
});
|
||||
})
|
||||
return title.join(separator);
|
||||
}
|
||||
componentWillUnmount() {
|
||||
if (document.title === this.props.route._title) {
|
||||
document.title = this.props.route._title;
|
||||
}
|
||||
}
|
||||
render() {
|
||||
return this.props.children;
|
||||
}
|
||||
}
|
||||
@ -1,37 +0,0 @@
|
||||
import dva from 'dva';
|
||||
import { Component } from 'react';
|
||||
import createLoading from 'dva-loading';
|
||||
import history from '@tmp/history';
|
||||
|
||||
let app = null;
|
||||
|
||||
export function _onCreate() {
|
||||
const plugins = require('umi/_runtimePlugin');
|
||||
const runtimeDva = plugins.mergeConfig('dva');
|
||||
app = dva({
|
||||
history,
|
||||
|
||||
...(runtimeDva.config || {}),
|
||||
...(window.g_useSSR ? { initialState: window.g_initialData } : {}),
|
||||
});
|
||||
|
||||
app.use(createLoading());
|
||||
(runtimeDva.plugins || []).forEach(plugin => {
|
||||
app.use(plugin);
|
||||
});
|
||||
app.use(require('/Users/xujiang/Documents/qk/h5-visible-plat/node_modules/dva-immer/dist/index.js')());
|
||||
|
||||
return app;
|
||||
}
|
||||
|
||||
export function getApp() {
|
||||
return app;
|
||||
}
|
||||
|
||||
export class _DvaContainer extends Component {
|
||||
render() {
|
||||
const app = getApp();
|
||||
app.router(() => this.props.children);
|
||||
return app.start()();
|
||||
}
|
||||
}
|
||||
@ -1,6 +0,0 @@
|
||||
// create history
|
||||
const history = require('umi/lib/createHistory').default({
|
||||
basename: window.routerBase,
|
||||
});
|
||||
window.g_history = history;
|
||||
export default history;
|
||||
@ -1,3 +0,0 @@
|
||||
import 'core-js';
|
||||
import 'regenerator-runtime/runtime';
|
||||
|
||||
@ -1,135 +0,0 @@
|
||||
import React from 'react';
|
||||
import {
|
||||
Router as DefaultRouter,
|
||||
Route,
|
||||
Switch,
|
||||
StaticRouter,
|
||||
} from 'react-router-dom';
|
||||
import dynamic from 'umi/dynamic';
|
||||
import renderRoutes from 'umi/lib/renderRoutes';
|
||||
import history from '@@/history';
|
||||
import { routerRedux, dynamic as _dvaDynamic } from 'dva';
|
||||
|
||||
const Router = routerRedux.ConnectedRouter;
|
||||
|
||||
const routes = [
|
||||
{
|
||||
path: '/editor',
|
||||
component: __IS_BROWSER
|
||||
? _dvaDynamic({
|
||||
app: require('@tmp/dva').getApp(),
|
||||
models: () => [
|
||||
import(/* webpackChunkName: 'p__editor__models__editorModal.js' */ '/Users/xujiang/Documents/qk/h5-visible-plat/src/pages/editor/models/editorModal.js').then(
|
||||
m => {
|
||||
return { namespace: 'editorModal', ...m.default };
|
||||
},
|
||||
),
|
||||
],
|
||||
component: () =>
|
||||
import(/* webpackChunkName: "p__editor" */ '../editor'),
|
||||
LoadingComponent: require('/Users/xujiang/Documents/qk/h5-visible-plat/src/components/LoadingCp/index')
|
||||
.default,
|
||||
})
|
||||
: require('../editor').default,
|
||||
exact: true,
|
||||
_title: 'test',
|
||||
_title_default: 'test',
|
||||
},
|
||||
{
|
||||
path: '/preview',
|
||||
component: __IS_BROWSER
|
||||
? _dvaDynamic({
|
||||
app: require('@tmp/dva').getApp(),
|
||||
models: () => [
|
||||
import(/* webpackChunkName: 'p__editor__models__editorModal.js' */ '/Users/xujiang/Documents/qk/h5-visible-plat/src/pages/editor/models/editorModal.js').then(
|
||||
m => {
|
||||
return { namespace: 'editorModal', ...m.default };
|
||||
},
|
||||
),
|
||||
],
|
||||
component: () =>
|
||||
import(/* webpackChunkName: "p__editor__preview" */ '../editor/preview'),
|
||||
LoadingComponent: require('/Users/xujiang/Documents/qk/h5-visible-plat/src/components/LoadingCp/index')
|
||||
.default,
|
||||
})
|
||||
: require('../editor/preview').default,
|
||||
exact: true,
|
||||
_title: 'test',
|
||||
_title_default: 'test',
|
||||
},
|
||||
{
|
||||
path: '/prevH5',
|
||||
component: __IS_BROWSER
|
||||
? _dvaDynamic({
|
||||
app: require('@tmp/dva').getApp(),
|
||||
models: () => [
|
||||
import(/* webpackChunkName: 'p__editor__models__editorModal.js' */ '/Users/xujiang/Documents/qk/h5-visible-plat/src/pages/editor/models/editorModal.js').then(
|
||||
m => {
|
||||
return { namespace: 'editorModal', ...m.default };
|
||||
},
|
||||
),
|
||||
],
|
||||
component: () =>
|
||||
import(/* webpackChunkName: "p__editor__preH5" */ '../editor/preH5'),
|
||||
LoadingComponent: require('/Users/xujiang/Documents/qk/h5-visible-plat/src/components/LoadingCp/index')
|
||||
.default,
|
||||
})
|
||||
: require('../editor/preH5').default,
|
||||
exact: true,
|
||||
_title: 'test',
|
||||
_title_default: 'test',
|
||||
},
|
||||
{
|
||||
component: () =>
|
||||
React.createElement(
|
||||
require('/Users/xujiang/Documents/qk/h5-visible-plat/node_modules/umi-build-dev/lib/plugins/404/NotFound.js')
|
||||
.default,
|
||||
{ pagesPath: 'src/pages', hasRoutesInConfig: true },
|
||||
),
|
||||
_title: 'test',
|
||||
_title_default: 'test',
|
||||
},
|
||||
];
|
||||
window.g_routes = routes;
|
||||
const plugins = require('umi/_runtimePlugin');
|
||||
plugins.applyForEach('patchRoutes', { initialValue: routes });
|
||||
|
||||
export { routes };
|
||||
|
||||
export default class RouterWrapper extends React.Component {
|
||||
unListen() {}
|
||||
|
||||
constructor(props) {
|
||||
super(props);
|
||||
|
||||
// route change handler
|
||||
function routeChangeHandler(location, action) {
|
||||
plugins.applyForEach('onRouteChange', {
|
||||
initialValue: {
|
||||
routes,
|
||||
location,
|
||||
action,
|
||||
},
|
||||
});
|
||||
}
|
||||
this.unListen = history.listen(routeChangeHandler);
|
||||
// dva 中 history.listen 会初始执行一次
|
||||
// 这里排除掉 dva 的场景，可以避免 onRouteChange 在启用 dva 后的初始加载时被多执行一次
|
||||
const isDva =
|
||||
history.listen
|
||||
.toString()
|
||||
.indexOf('callback(history.location, history.action)') > -1;
|
||||
if (!isDva) {
|
||||
routeChangeHandler(history.location);
|
||||
}
|
||||
}
|
||||
|
||||
componentWillUnmount() {
|
||||
this.unListen();
|
||||
}
|
||||
|
||||
render() {
|
||||
const props = this.props || {};
|
||||
return <Router history={history}>{renderRoutes(routes, props)}</Router>;
|
||||
}
|
||||
}
|
||||
@ -1,222 +0,0 @@
|
||||
import './polyfills';
|
||||
import history from './history';
|
||||
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import findRoute, {
|
||||
getUrlQuery,
|
||||
} from '/Users/xujiang/Documents/qk/h5-visible-plat/node_modules/umi-build-dev/lib/findRoute.js';
|
||||
|
||||
// runtime plugins
|
||||
const plugins = require('umi/_runtimePlugin');
|
||||
window.g_plugins = plugins;
|
||||
plugins.init({
|
||||
validKeys: [
|
||||
'patchRoutes',
|
||||
'render',
|
||||
'rootContainer',
|
||||
'modifyRouteProps',
|
||||
'onRouteChange',
|
||||
'modifyInitialProps',
|
||||
'initialProps',
|
||||
'dva',
|
||||
],
|
||||
});
|
||||
plugins.use(require('../../../node_modules/umi-plugin-dva/lib/runtime'));
|
||||
|
||||
const app = require('@tmp/dva')._onCreate();
|
||||
window.g_app = app;
|
||||
|
||||
// render
|
||||
let clientRender = async () => {
|
||||
window.g_isBrowser = true;
|
||||
let props = {};
|
||||
// Both support SSR and CSR
|
||||
if (window.g_useSSR) {
|
||||
// 如果开启服务端渲染则客户端组件初始化 props 使用服务端注入的数据
|
||||
props = window.g_initialData;
|
||||
} else {
|
||||
const pathname = location.pathname;
|
||||
const activeRoute = findRoute(require('@@/router').routes, pathname);
|
||||
// 在客户端渲染前，执行 getInitialProps 方法
|
||||
// 拿到初始数据
|
||||
if (
|
||||
activeRoute &&
|
||||
activeRoute.component &&
|
||||
activeRoute.component.getInitialProps
|
||||
) {
|
||||
const initialProps = plugins.apply('modifyInitialProps', {
|
||||
initialValue: {},
|
||||
});
|
||||
props = activeRoute.component.getInitialProps
|
||||
? await activeRoute.component.getInitialProps({
|
||||
route: activeRoute,
|
||||
isServer: false,
|
||||
location,
|
||||
...initialProps,
|
||||
})
|
||||
: {};
|
||||
}
|
||||
}
|
||||
const rootContainer = plugins.apply('rootContainer', {
|
||||
initialValue: React.createElement(require('./router').default, props),
|
||||
});
|
||||
ReactDOM[window.g_useSSR ? 'hydrate' : 'render'](
|
||||
rootContainer,
|
||||
document.getElementById('root'),
|
||||
);
|
||||
};
|
||||
const render = plugins.compose(
|
||||
'render',
|
||||
{ initialValue: clientRender },
|
||||
);
|
||||
|
||||
const moduleBeforeRendererPromises = [];
|
||||
// client render
|
||||
if (__IS_BROWSER) {
|
||||
Promise.all(moduleBeforeRendererPromises)
|
||||
.then(() => {
|
||||
render();
|
||||
})
|
||||
.catch(err => {
|
||||
window.console && window.console.error(err);
|
||||
});
|
||||
}
|
||||
|
||||
// export server render
|
||||
let serverRender, ReactDOMServer;
|
||||
if (!__IS_BROWSER) {
|
||||
const { matchRoutes } = require('react-router-config');
|
||||
const { StaticRouter } = require('react-router');
|
||||
// difference: umi-history has query object
|
||||
const { createLocation } = require('umi-history');
|
||||
// don't remove, use stringify html map
|
||||
const stringify = require('serialize-javascript');
|
||||
const router = require('./router');
|
||||
|
||||
/**
|
||||
* 1. Load dynamicImport Component
|
||||
* 2. Get Component initialProps function data
|
||||
* return Component props
|
||||
* @param pathname
|
||||
* @param props
|
||||
*/
|
||||
const getInitialProps = async (pathname, props) => {
|
||||
const { routes } = router;
|
||||
const matchedComponents = matchRoutes(routes, pathname)
|
||||
.map(({ route }) => {
|
||||
if (route.component) {
|
||||
return !route.component.preload
|
||||
? // 同步
|
||||
route.component
|
||||
: // 异步，支持 dynamicImport
|
||||
route.component.preload().then(component => component.default);
|
||||
}
|
||||
})
|
||||
.filter(c => c);
|
||||
const loadedComponents = await Promise.all(matchedComponents);
|
||||
|
||||
// get Store
|
||||
const initialProps = plugins.apply('modifyInitialProps', {
|
||||
initialValue: {},
|
||||
});
|
||||
// support getInitialProps
|
||||
const promises = loadedComponents.map(component => {
|
||||
if (component && component.getInitialProps) {
|
||||
return component.getInitialProps({
|
||||
isServer: true,
|
||||
...props,
|
||||
...initialProps,
|
||||
});
|
||||
}
|
||||
return Promise.resolve(null);
|
||||
});
|
||||
|
||||
return Promise.all(promises);
|
||||
};
|
||||
|
||||
serverRender = async (ctx = {}) => {
|
||||
// ctx.req.url may be `/bar?locale=en-US`
|
||||
const [pathname] = (ctx.req.url || '').split('?');
|
||||
// global
|
||||
global.req = {
|
||||
url: ctx.req.url,
|
||||
};
|
||||
const location = createLocation(ctx.req.url);
|
||||
const activeRoute = findRoute(router.routes, pathname);
|
||||
// omit component
|
||||
const { component, ...restRoute } = activeRoute || {};
|
||||
// router context hook
|
||||
// get current router status 40x / 30x, share with server
|
||||
const context = {};
|
||||
// TODO: getInitialProps timeout handle
|
||||
const initialData = await getInitialProps(pathname, {
|
||||
route: restRoute,
|
||||
// only exist in server
|
||||
req: ctx.req || {},
|
||||
res: ctx.res || {},
|
||||
context,
|
||||
location,
|
||||
});
|
||||
|
||||
// 当前路由（不包含 Layout）的 getInitialProps 有返回值
|
||||
// Page 值为 undefined 时，有 getInitialProps 无返回，此时 return dva model
|
||||
const pageData = initialData[initialData.length - 1];
|
||||
if (pageData === undefined) {
|
||||
initialData[initialData.length - 1] = plugins.apply('initialProps', {
|
||||
initialValue: pageData,
|
||||
});
|
||||
}
|
||||
|
||||
// reduce all match component getInitialProps
|
||||
// in the same object key
|
||||
// page data key will override layout key
|
||||
const props = Array.isArray(initialData)
|
||||
? initialData.reduce(
|
||||
(acc, curr) => ({
|
||||
...acc,
|
||||
...curr,
|
||||
}),
|
||||
{},
|
||||
)
|
||||
: {};
|
||||
|
||||
const App = React.createElement(
|
||||
StaticRouter,
|
||||
{
|
||||
location: ctx.req.url,
|
||||
context,
|
||||
},
|
||||
React.createElement(router.default, props),
|
||||
);
|
||||
|
||||
// render rootContainer for htmlTemplateMap
|
||||
const rootContainer = plugins.apply('rootContainer', {
|
||||
initialValue: App,
|
||||
});
|
||||
const htmlTemplateMap = {};
|
||||
const matchPath = activeRoute ? activeRoute.path : undefined;
|
||||
return {
|
||||
htmlElement: matchPath ? htmlTemplateMap[matchPath] : '',
|
||||
rootContainer,
|
||||
matchPath,
|
||||
g_initialData: props,
|
||||
context,
|
||||
};
|
||||
};
|
||||
// using project react-dom version
|
||||
// https://github.com/facebook/react/issues/13991
|
||||
ReactDOMServer = require('react-dom/server');
|
||||
}
|
||||
|
||||
export { ReactDOMServer };
|
||||
export default (__IS_BROWSER ? null : serverRender);
|
||||
|
||||
require('../../global.css');
|
||||
|
||||
// hot module replacement
|
||||
if (__IS_BROWSER && module.hot) {
|
||||
module.hot.accept('./router', () => {
|
||||
clientRender();
|
||||
});
|
||||
}
|
||||
@ -1,57 +1,15 @@
|
||||
.layout{
|
||||
.editorWrap {
|
||||
background-color: rgba(245,245,245,1);
|
||||
.header {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 80px;
|
||||
background: #fff;
|
||||
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||||
.logoArea {
|
||||
width: 300px;
|
||||
.backBtn {
|
||||
display: inline-block;
|
||||
padding: 12px 10px;
|
||||
margin-right: 26px;
|
||||
background-color: rgba(222, 224, 230, 0.3);
|
||||
cursor: pointer;
|
||||
}
|
||||
.logo {
|
||||
display: inline-block;
|
||||
width: 105px;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.controlArea {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
.tit {
|
||||
font-size: 18px;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
.btnArea {
|
||||
width: 400px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
.container {
|
||||
width: 100vw;
|
||||
// height: 100vh;
|
||||
display: flex;
|
||||
.list{
|
||||
width: 380px;
|
||||
width: 350px;
|
||||
height: 100vh;
|
||||
padding: 20px;
|
||||
padding: 10px 16px 16px;
|
||||
box-shadow: 2px 0px 10px rgba(0,0,0,0.2);
|
||||
display: inline-block;
|
||||
background-color: #fff;
|
||||
@ -82,7 +40,7 @@
|
||||
}
|
||||
}
|
||||
.tickMark{
|
||||
width: calc(100% - 780px);
|
||||
width: calc(100% - 750px);
|
||||
overflow: hidden;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
@ -107,7 +65,7 @@
|
||||
position: relative;
|
||||
left: 50%;
|
||||
margin-left: -200px;
|
||||
top: 100px;
|
||||
top: 80px;
|
||||
.canvas{
|
||||
position: relative;
|
||||
width: 375px;
|
||||
@ -128,6 +86,7 @@
|
||||
border: 2px solid #06c;
|
||||
}
|
||||
:global(a) {
|
||||
display: block;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
@ -135,11 +94,11 @@
|
||||
}
|
||||
.sliderWrap {
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
right: 60px;
|
||||
bottom: 90px;
|
||||
width: 30px;
|
||||
right: 10px;
|
||||
bottom: 130px;
|
||||
.slider {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@ -155,7 +114,7 @@
|
||||
}
|
||||
.backSize {
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
right: 18px;
|
||||
bottom: 95px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user