react-base-client 1.0.151 → 1.1.0

package/src/.umi/core/terminal.ts

@@ -0,0 +1,38 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+const console = globalThis.console;
+let count = 0;
+let groupLevel = 0;
+function send(type: string, message?: string) {
+  if(process.env.NODE_ENV==='production'){
+    return;
+  }else{
+    const encodedMessage = message ? `&m=${encodeURI(message)}` : '';
+    fetch(`/__umi/api/terminal?type=${type}&t=${Date.now()}&c=${count++}&g=${groupLevel}${encodedMessage}`, { mode: 'no-cors' })
+  }
+}
+function prettyPrint(obj: any) {
+  return JSON.stringify(obj, null, 2);
+}
+function stringifyObjs(objs: any[]) {
+  const obj = objs.length > 1 ? objs.map(stringify).join(' ') : objs[0];
+  return typeof obj === 'object' ? `${prettyPrint(obj)}` : obj.toString();
+}
+function stringify(obj: any) {
+  return typeof obj === 'object' ? `${JSON.stringify(obj)}` : obj.toString();
+}
+const terminal = {
+  log(...objs: any[]) { send('log', stringifyObjs(objs)) },
+  info(...objs: any[]) { send('info', stringifyObjs(objs)) },
+  warn(...objs: any[]) { send('warn', stringifyObjs(objs)) },
+  error(...objs: any[]) { send('error', stringifyObjs(objs)) },
+  group() { groupLevel++ },
+  groupCollapsed() { groupLevel++ },
+  groupEnd() { groupLevel && --groupLevel },
+  clear() { send('clear') },
+  trace(...args: any[]) { console.trace(...args) },
+  profile(...args: any[]) { console.profile(...args) },
+  profileEnd(...args: any[]) { console.profileEnd(...args) },
+};
+export { terminal };

package/src/.umi/exports.ts

@@ -0,0 +1,19 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+// @umijs/renderer-*
+export { createBrowserHistory, createHashHistory, createMemoryHistory, createSearchParams, generatePath, matchPath, matchRoutes, Navigate, NavLink, Outlet, resolvePath, useLocation, useMatch, useNavigate, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes, useSearchParams, Helmet, useAppData, useSelectedRoutes, useClientLoaderData, useServerLoaderData, renderClient, __getRoot, Link, useRouteData, __useFetcher, withRouter } from 'H:/af_code/af-react-mobile-base-client/node_modules/@umijs/renderer-react';
+export type {  History } from 'H:/af_code/af-react-mobile-base-client/node_modules/@umijs/renderer-react'
+// umi/client/client/plugin
+export { ApplyPluginsType, PluginManager } from 'H:/af_code/af-react-mobile-base-client/node_modules/umi/client/client/plugin.js';
+export { history, createHistory } from './core/history';
+export { terminal } from './core/terminal';
+export { TestBrowser } from './testBrowser';
+// plugins
+export { Access, useAccess, useAccessMarkedRoutes } from 'H:/af_code/af-react-mobile-base-client/src/.umi/plugin-access';
+export { Provider, useModel } from 'H:/af_code/af-react-mobile-base-client/src/.umi/plugin-model';
+export { useRequest, UseRequestProvider, request, getRequestInstance } from 'H:/af_code/af-react-mobile-base-client/src/.umi/plugin-request';
+// plugins types.d.ts
+export * from 'H:/af_code/af-react-mobile-base-client/src/.umi/plugin-request/types.d';
+export { defineApp } from './core/defineApp'
+export type {  RuntimeConfig } from './core/defineApp'

package/src/.umi/plugin-access/context.ts

@@ -0,0 +1,5 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+import React from 'react';
+export const AccessContext = React.createContext<any>(null);

package/src/.umi/plugin-access/index.tsx

@@ -0,0 +1,87 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+import React, { PropsWithChildren } from 'react';
+import { AccessContext } from './context';
+import type { IRoute } from 'umi';
+
+export const useAccess = () => {
+  return React.useContext(AccessContext);
+};
+
+export interface AccessProps {
+  accessible: boolean;
+  fallback?: React.ReactNode;
+}
+export const Access: React.FC<PropsWithChildren<AccessProps>> = (props) => {
+  if (process.env.NODE_ENV === 'development' && typeof props.accessible !== 'boolean') {
+    throw new Error('[access] the `accessible` property on <Access /> should be a boolean');
+  }
+
+  return <>{ props.accessible ? props.children : props.fallback }</>;
+};
+
+export const useAccessMarkedRoutes = (routes: IRoute[]) => {
+  const access = useAccess();
+  const markdedRoutes: IRoute[] = React.useMemo(() => {
+    const process = (route, parentAccessCode, parentRoute) => {
+      let accessCode = route.access;
+      // 用父级的路由检测父级的 accessCode
+      let detectorRoute = route;
+      if (!accessCode && parentAccessCode) {
+        accessCode = parentAccessCode;
+        detectorRoute = parentRoute;
+      }
+
+      // set default status
+      route.unaccessible = false;
+
+      // check access code
+      if (typeof accessCode === 'string') {
+        const detector = access[accessCode];
+
+        if (typeof detector === 'function') {
+          route.unaccessible = !detector(detectorRoute);
+        } else if (typeof detector === 'boolean') {
+          route.unaccessible = !detector;
+        } else if (typeof detector === 'undefined') {
+          route.unaccessible = true;
+        }
+      }
+
+      // check children access code
+      if (route.children?.length) {
+        const isNoAccessibleChild = !route.children.reduce((hasAccessibleChild, child) => {
+          process(child, accessCode, route);
+
+          return hasAccessibleChild || !child.unaccessible;
+        }, false);
+
+        // make sure parent route is unaccessible if all children are unaccessible
+        if (isNoAccessibleChild) {
+          route.unaccessible = true;
+        }
+      }
+
+      // check children access code
+      if (route.routes?.length) {
+        const isNoAccessibleChild = !route.routes.reduce((hasAccessibleChild, child) => {
+          process(child, accessCode, route);
+
+          return hasAccessibleChild || !child.unaccessible;
+        }, false);
+
+        // make sure parent route is unaccessible if all children are unaccessible
+        if (isNoAccessibleChild) {
+          route.unaccessible = true;
+        }
+      }
+
+      return route;
+    }
+
+    return routes.map(route => process(route));
+  }, [routes.length, access]);
+
+  return markdedRoutes;
+}

package/src/.umi/plugin-access/runtime.tsx

@@ -0,0 +1,23 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+import React from 'react';
+import accessFactory from '@/access'
+import { useModel } from '@@/plugin-model';
+
+import { AccessContext } from './context';
+
+function Provider(props) {
+  const { initialState } = useModel('@@initialState');
+  const access = React.useMemo(() => accessFactory(initialState), [initialState]);
+
+  return (
+    <AccessContext.Provider value={access}>
+      { props.children }
+    </AccessContext.Provider>
+  );
+}
+
+export function accessProvider(container) {
+  return <Provider>{ container }</Provider>;
+}

package/src/.umi/plugin-initialState/@@initialState.ts

@@ -0,0 +1,50 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+import { useState, useEffect, useCallback } from 'react';
+import { getInitialState } from '@/app';
+
+export type InitialStateType = Awaited<ReturnType<typeof getInitialState>> | undefined;
+
+const initState = {
+  initialState: undefined as InitialStateType,
+  loading: true,
+  error: undefined,
+};
+
+export default () => {
+  const [state, setState] = useState(initState);
+  const refresh = useCallback(async () => {
+    setState((s) => ({ ...s, loading: true, error: undefined }));
+    try {
+      const ret = await getInitialState();
+      setState((s) => ({ ...s, initialState: ret, loading: false }));
+    } catch (e) {
+      setState((s) => ({ ...s, error: e, loading: false }));
+    }
+  }, []);
+
+  const setInitialState = useCallback(
+    async (
+      initialState: InitialStateType | ((initialState: InitialStateType) => InitialStateType),
+    ) => {
+      setState((s) => {
+        if (typeof initialState === 'function') {
+          return { ...s, initialState: initialState(s.initialState), loading: false };
+        }
+        return { ...s, initialState, loading: false };
+      });
+    },
+    [],
+  );
+
+  useEffect(() => {
+    refresh();
+  }, []);
+
+  return {
+    ...state,
+    refresh,
+    setInitialState,
+  };
+}

package/src/.umi/plugin-initialState/Provider.tsx

@@ -0,0 +1,19 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+import React from 'react';
+import { useModel } from '@@/plugin-model';
+function Loading() { return <div />; }
+export default function InitialStateProvider(props: any) {
+  const appLoaded = React.useRef(false);
+  const { loading = false } = useModel("@@initialState") || {};
+  React.useEffect(() => {
+    if (!loading) {
+      appLoaded.current = true;
+    }
+  }, [loading]);
+  if (loading && !appLoaded.current) {
+    return <Loading />;
+  }
+  return props.children;
+}

package/src/.umi/plugin-initialState/runtime.tsx

@@ -0,0 +1,8 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+import React from 'react';
+import Provider from './Provider';
+export function dataflowProvider(container) {
+  return <Provider>{ container }</Provider>;
+}

package/src/.umi/plugin-initialState/runtimeConfig.d.ts

@@ -0,0 +1,5 @@
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+export interface IRuntimeConfig {
+  getInitialState?: () => Promise<Record<string, any>>
+}

package/src/.umi/plugin-model/index.tsx

@@ -0,0 +1,181 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+// @ts-ignore
+import type { models as rawModels } from '@@/plugin-model/model';
+import isEqual from 'H:/af_code/af-react-mobile-base-client/node_modules/fast-deep-equal/index.js';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
+
+type Models = typeof rawModels;
+
+type GetNamespaces<M> = {
+  [K in keyof M]: M[K] extends { namespace: string }
+    ? M[K]['namespace']
+    : never;
+}[keyof M];
+
+type Namespaces = GetNamespaces<Models>;
+
+// @ts-ignore
+const Context = React.createContext<{ dispatcher: Dispatcher }>(null);
+
+class Dispatcher {
+  callbacks: Record<Namespaces, Set<Function>> = {};
+  data: Record<Namespaces, unknown> = {};
+  update = (namespace: Namespaces) => {
+    if (this.callbacks[namespace]) {
+      this.callbacks[namespace].forEach((cb) => {
+        try {
+          const data = this.data[namespace];
+          cb(data);
+        } catch (e) {
+          cb(undefined);
+        }
+      });
+    }
+  };
+}
+
+interface ExecutorProps {
+  hook: () => any;
+  onUpdate: (val: any) => void;
+  namespace: string;
+}
+
+function Executor(props: ExecutorProps) {
+  const { hook, onUpdate, namespace } = props;
+
+  const updateRef = useRef(onUpdate);
+  const initialLoad = useRef(false);
+
+  let data: any;
+  try {
+    data = hook();
+  } catch (e) {
+    console.error(
+      `plugin-model: Invoking '${namespace || 'unknown'}' model failed:`,
+      e,
+    );
+  }
+
+  // 首次执行时立刻返回初始值
+  useMemo(() => {
+    updateRef.current(data);
+  }, []);
+
+  // React 16.13 后 update 函数用 useEffect 包裹
+  useEffect(() => {
+    if (initialLoad.current) {
+      updateRef.current(data);
+    } else {
+      initialLoad.current = true;
+    }
+  });
+
+  return null;
+}
+
+const dispatcher = new Dispatcher();
+
+export function Provider(props: {
+  models: Record<string, any>;
+  children: React.ReactNode;
+}) {
+  return (
+    <Context.Provider value={{ dispatcher }}>
+      {Object.keys(props.models).map((namespace) => {
+        return (
+          <Executor
+            key={namespace}
+            hook={props.models[namespace]}
+            namespace={namespace}
+            onUpdate={(val) => {
+              dispatcher.data[namespace] = val;
+              dispatcher.update(namespace);
+            }}
+          />
+        );
+      })}
+      {props.children}
+    </Context.Provider>
+  );
+}
+
+type GetModelByNamespace<M, N> = {
+  [K in keyof M]: M[K] extends { namespace: string; model: unknown }
+    ? M[K]['namespace'] extends N
+      ? M[K]['model'] extends (...args: any) => any
+        ? ReturnType<M[K]['model']>
+        : never
+      : never
+    : never;
+}[keyof M];
+
+type Model<N> = GetModelByNamespace<Models, N>;
+type Selector<N, S> = (model: Model<N>) => S;
+
+type SelectedModel<N, T> = T extends (...args: any) => any
+  ? ReturnType<NonNullable<T>>
+  : Model<N>;
+
+export function useModel<N extends Namespaces>(namespace: N): Model<N>;
+
+export function useModel<N extends Namespaces, S>(
+  namespace: N,
+  selector: Selector<N, S>,
+): SelectedModel<N, typeof selector>;
+
+export function useModel<N extends Namespaces, S>(
+  namespace: N,
+  selector?: Selector<N, S>,
+): SelectedModel<N, typeof selector> {
+  const { dispatcher } = useContext<{ dispatcher: Dispatcher }>(Context);
+  const selectorRef = useRef(selector);
+  selectorRef.current = selector;
+  const [state, setState] = useState(() =>
+    selectorRef.current
+      ? selectorRef.current(dispatcher.data[namespace])
+      : dispatcher.data[namespace],
+  );
+  const stateRef = useRef<any>(state);
+  stateRef.current = state;
+
+  const isMount = useRef(false);
+  useEffect(() => {
+    isMount.current = true;
+    return () => {
+      isMount.current = false;
+    };
+  }, []);
+
+  useEffect(() => {
+    const handler = (data: any) => {
+      if (!isMount.current) {
+        // 如果 handler 执行过程中，组件被卸载了，则强制更新全局 data
+        // TODO: 需要加个 example 测试
+        setTimeout(() => {
+          dispatcher.data[namespace] = data;
+          dispatcher.update(namespace);
+        });
+      } else {
+        const currentState = selectorRef.current
+          ? selectorRef.current(data)
+          : data;
+        const previousState = stateRef.current;
+        if (!isEqual(currentState, previousState)) {
+          setState(currentState);
+        }
+      }
+    };
+
+    dispatcher.callbacks[namespace] ||= new Set() as any; // rawModels 是 umi 动态生成的文件，导致前面 callback[namespace] 的类型无法推导出来，所以用 as any 来忽略掉
+    dispatcher.callbacks[namespace].add(handler);
+    dispatcher.update(namespace);
+
+    return () => {
+      dispatcher.callbacks[namespace].delete(handler);
+    };
+  }, [namespace]);
+
+  return state;
+}

package/src/.umi/plugin-model/model.ts

@@ -0,0 +1,8 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+import model_1 from 'H:/af_code/af-react-mobile-base-client/src/.umi/plugin-initialState/@@initialState';
+
+export const models = {
+model_1: { namespace: '@@initialState', model: model_1 },
+} as const

package/src/.umi/plugin-model/runtime.tsx

@@ -0,0 +1,20 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+import React  from 'react';
+import { Provider } from './';
+import { models as rawModels } from './model';
+
+function ProviderWrapper(props: any) {
+  const models = React.useMemo(() => {
+    return Object.keys(rawModels).reduce((memo, key) => {
+      memo[rawModels[key].namespace] = rawModels[key].model;
+      return memo;
+    }, {});
+  }, []);
+  return <Provider models={models} {...props}>{ props.children }</Provider>
+}
+
+export function dataflowProvider(container, opts) {
+  return <ProviderWrapper {...opts}>{ container }</ProviderWrapper>;
+}

package/src/.umi/plugin-request/index.ts

@@ -0,0 +1,9 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+export {
+  useRequest,
+  UseRequestProvider,
+  request,
+  getRequestInstance,
+} from './request';