diff --git a/src/.umi/core/devScripts.ts b/src/.umi/core/devScripts.ts deleted file mode 100644 index b4e80d1..0000000 --- a/src/.umi/core/devScripts.ts +++ /dev/null @@ -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, - }); -} - \ No newline at end of file diff --git a/src/.umi/core/history.ts b/src/.umi/core/history.ts deleted file mode 100644 index 6d25739..0000000 --- a/src/.umi/core/history.ts +++ /dev/null @@ -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 ((window).routerBase) { - options.basename = (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 }; diff --git a/src/.umi/core/plugin.ts b/src/.umi/core/plugin.ts deleted file mode 100644 index 5e94212..0000000 --- a/src/.umi/core/plugin.ts +++ /dev/null @@ -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 }; diff --git a/src/.umi/core/pluginConfig.d.ts b/src/.umi/core/pluginConfig.d.ts deleted file mode 100644 index 26118c1..0000000 --- a/src/.umi/core/pluginConfig.d.ts +++ /dev/null @@ -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; -} diff --git a/src/.umi/core/pluginRegister.ts b/src/.umi/core/pluginRegister.ts deleted file mode 100644 index f759f45..0000000 --- a/src/.umi/core/pluginRegister.ts +++ /dev/null @@ -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', - }); diff --git a/src/.umi/core/polyfill.ts b/src/.umi/core/polyfill.ts deleted file mode 100644 index 5ff6c3d..0000000 --- a/src/.umi/core/polyfill.ts +++ /dev/null @@ -1,3 +0,0 @@ -// @ts-nocheck -import 'core-js'; -import 'regenerator-runtime/runtime'; diff --git a/src/.umi/core/routes.ts b/src/.umi/core/routes.ts deleted file mode 100644 index 56ec8a6..0000000 --- a/src/.umi/core/routes.ts +++ /dev/null @@ -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; -} diff --git a/src/.umi/core/umiExports.ts b/src/.umi/core/umiExports.ts deleted file mode 100644 index 2058de9..0000000 --- a/src/.umi/core/umiExports.ts +++ /dev/null @@ -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'; diff --git a/src/.umi/plugin-dva/connect.ts b/src/.umi/plugin-dva/connect.ts deleted file mode 100644 index 21ef0c1..0000000 --- a/src/.umi/plugin-dva/connect.ts +++ /dev/null @@ -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 { - type: T -} - -export type Reducer = ( - state: S | undefined, - action: A -) => S; - -export type ImmerReducer = ( - 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 =

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

; - location: Location & { query: T }; - history: History; - route: IRoute; -} - -export type RequiredConnectProps< - P extends { [K in keyof P]?: string } = {}, - S = LocationState, - T = {} - > = Required> - -/** - * @type T: React props - * @type U: match props types - */ -export type ConnectRC< - T = {}, - U = {}, - S = {}, - Q = {} -> = React.ForwardRefRenderFunction>; - diff --git a/src/.umi/plugin-dva/dva.ts b/src/.umi/plugin-dva/dva.ts deleted file mode 100644 index 05cbc6b..0000000 --- a/src/.umi/plugin-dva/dva.ts +++ /dev/null @@ -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()(); - } -} diff --git a/src/.umi/plugin-dva/exports.ts b/src/.umi/plugin-dva/exports.ts deleted file mode 100644 index b73d0b4..0000000 --- a/src/.umi/plugin-dva/exports.ts +++ /dev/null @@ -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'; diff --git a/src/.umi/plugin-dva/runtime.tsx b/src/.umi/plugin-dva/runtime.tsx deleted file mode 100644 index 25af9b0..0000000 --- a/src/.umi/plugin-dva/runtime.tsx +++ /dev/null @@ -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); -} - diff --git a/src/.umi/plugin-helmet/exports.ts b/src/.umi/plugin-helmet/exports.ts deleted file mode 100644 index d9f6e8d..0000000 --- a/src/.umi/plugin-helmet/exports.ts +++ /dev/null @@ -1,3 +0,0 @@ -// @ts-nocheck -// @ts-ignore -export { Helmet } from '/Users/apple/Desktop/github/zhiku.tec/h5-visible-tool/node_modules/react-helmet'; diff --git a/src/.umi/plugin-initial-state/Provider.tsx b/src/.umi/plugin-initial-state/Provider.tsx deleted file mode 100644 index af45c19..0000000 --- a/src/.umi/plugin-initial-state/Provider.tsx +++ /dev/null @@ -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; -}; diff --git a/src/.umi/plugin-initial-state/exports.ts b/src/.umi/plugin-initial-state/exports.ts deleted file mode 100644 index 8c0290e..0000000 --- a/src/.umi/plugin-initial-state/exports.ts +++ /dev/null @@ -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; diff --git a/src/.umi/plugin-initial-state/models/initialState.ts b/src/.umi/plugin-initial-state/models/initialState.ts deleted file mode 100644 index 4ee992f..0000000 --- a/src/.umi/plugin-initial-state/models/initialState.ts +++ /dev/null @@ -1,2 +0,0 @@ -// @ts-nocheck -export default () => ({ loading: false, refresh: () => {} }) \ No newline at end of file diff --git a/src/.umi/plugin-initial-state/runtime.tsx b/src/.umi/plugin-initial-state/runtime.tsx deleted file mode 100644 index 870ae68..0000000 --- a/src/.umi/plugin-initial-state/runtime.tsx +++ /dev/null @@ -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, - ); -} diff --git a/src/.umi/plugin-model/Provider.tsx b/src/.umi/plugin-model/Provider.tsx deleted file mode 100644 index f6c9afa..0000000 --- a/src/.umi/plugin-model/Provider.tsx +++ /dev/null @@ -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 = { - [key in keyof typeof models]: ReturnType; -}; - -export type Models = Model[T] - -const dispatcher = new Dispatcher!(); -const Exe = Executor!; - -export default ({ children }: { children: React.ReactNode }) => { - - return ( - - { - Object.entries(models).map(pair => ( - { - const [ns] = pair as [keyof typeof models, any]; - dispatcher.data[ns] = val; - dispatcher.update(ns); - }} /> - )) - } - {children} - - ) -} diff --git a/src/.umi/plugin-model/runtime.tsx b/src/.umi/plugin-model/runtime.tsx deleted file mode 100644 index fbfa5f6..0000000 --- a/src/.umi/plugin-model/runtime.tsx +++ /dev/null @@ -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, - ); -} diff --git a/src/.umi/plugin-model/useModel.tsx b/src/.umi/plugin-model/useModel.tsx deleted file mode 100644 index 87d6c1c..0000000 --- a/src/.umi/plugin-model/useModel.tsx +++ /dev/null @@ -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 = Model[T] - -export function useModel>(model: T): Model[T] -export function useModel, U>(model: T, selector: (model: Model[T]) => U): U - -export function useModel, U>( - namespace: T, - updater?: (model: Model[T]) => U -) : typeof updater extends undefined ? Model[T] : ReturnType>{ - - type RetState = typeof updater extends undefined ? Model[T] : ReturnType> - const dispatcher = useContext(UmiContext); - const updaterRef = useRef(updater); - updaterRef.current = updater; - const [state, setState] = useState( - () => updaterRef.current ? updaterRef.current(dispatcher.data![namespace]) : dispatcher.data![namespace] - ); - const stateRef = useRef(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; -}; diff --git a/src/.umi/plugin-request/request.ts b/src/.umi/plugin-request/request.ts deleted file mode 100644 index 67f583e..0000000 --- a/src/.umi/plugin-request/request.ts +++ /dev/null @@ -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 = { data?: T; [key: string]: any }; - -function useRequest< - R = any, - P extends any[] = any, - U = any, - UU extends U = any ->( - service: CombineService, - options: OptionsWithFormat, -): BaseResult; -function useRequest( - service: CombineService, - options?: BaseOptions, -): BaseResult; -function useRequest( - service: CombineService>, - options: LoadMoreOptionsWithFormat, -): LoadMoreResult; -function useRequest< - R extends ResultWithData = any, - RR extends R = any ->( - service: CombineService>, - options: LoadMoreOptions, -): LoadMoreResult; - -function useRequest( - service: CombineService, - options: PaginatedOptionsWithFormat, -): PaginatedResult; -function useRequest( - service: CombineService< - ResultWithData>, - PaginatedParams - >, - options: BasePaginatedOptions, -): PaginatedResult; -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 { - ( - url: string, - options: RequestOptionsWithResponse & { skipErrorHandler?: boolean }, - ): Promise>; - ( - url: string, - options: RequestOptionsWithoutResponse & { skipErrorHandler?: boolean }, - ): Promise; - ( - url: string, - options?: RequestOptionsInit & { skipErrorHandler?: boolean }, - ): R extends true ? Promise> : Promise; -} -const request: RequestMethodInUmi = (url: any, options: any) => { - const requestMethod = getRequestMethod(); - return requestMethod(url, options); -}; - -export { request, useRequest, UseRequestProvider }; diff --git a/src/.umi/umi.ts b/src/.umi/umi.ts deleted file mode 100644 index 7d77f75..0000000 --- a/src/.umi/umi.ts +++ /dev/null @@ -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() })(); - } - }); -} diff --git a/src/components/MutiText/index.js b/src/components/MutiText/index.js index 7cf19ae..9ae1cac 100644 --- a/src/components/MutiText/index.js +++ b/src/components/MutiText/index.js @@ -46,7 +46,7 @@ export default memo(function MutiText(props) { diff --git a/src/pages/.umi/TitleWrapper.jsx b/src/pages/.umi/TitleWrapper.jsx deleted file mode 100644 index bc78b76..0000000 --- a/src/pages/.umi/TitleWrapper.jsx +++ /dev/null @@ -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; - } -} diff --git a/src/pages/.umi/dva.js b/src/pages/.umi/dva.js deleted file mode 100644 index 38b950c..0000000 --- a/src/pages/.umi/dva.js +++ /dev/null @@ -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()(); - } -} diff --git a/src/pages/.umi/history.js b/src/pages/.umi/history.js deleted file mode 100644 index 26941fa..0000000 --- a/src/pages/.umi/history.js +++ /dev/null @@ -1,6 +0,0 @@ -// create history -const history = require('umi/lib/createHistory').default({ - basename: window.routerBase, -}); -window.g_history = history; -export default history; diff --git a/src/pages/.umi/polyfills.js b/src/pages/.umi/polyfills.js deleted file mode 100644 index a22b2de..0000000 --- a/src/pages/.umi/polyfills.js +++ /dev/null @@ -1,3 +0,0 @@ -import 'core-js'; -import 'regenerator-runtime/runtime'; - diff --git a/src/pages/.umi/router.js b/src/pages/.umi/router.js deleted file mode 100644 index 8f4008b..0000000 --- a/src/pages/.umi/router.js +++ /dev/null @@ -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 {renderRoutes(routes, props)}; - } -} diff --git a/src/pages/.umi/umi.js b/src/pages/.umi/umi.js deleted file mode 100644 index 6246eea..0000000 --- a/src/pages/.umi/umi.js +++ /dev/null @@ -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(); - }); -} diff --git a/src/pages/.umi/umiExports.ts b/src/pages/.umi/umiExports.ts deleted file mode 100644 index e69de29..0000000 diff --git a/src/pages/editor/index.less b/src/pages/editor/index.less index f11aa30..51900ee 100644 --- a/src/pages/editor/index.less +++ b/src/pages/editor/index.less @@ -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; }