@zxiaosi/sdk 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/index.d.ts

@@ -1,259 +1,194 @@
-import * as _$zustand from "zustand";
 import { ComponentType, ReactElement } from "react";
-import { Location, NavigateFunction, RouteObject, UIMatch } from "react-router-dom";
-import { MicroApp, ObjectType, RegistrableApp } from "qiankun";
-import { AxiosInstance, AxiosRequestConfig, CreateAxiosDefaults } from "axios";
+import { Location, NavigateFunction, UIMatch } from "react-router-dom";
+import { StateCreator } from "zustand";
 
-//#region src/plugins/api/http.d.ts
-interface ApiRequestOption extends AxiosRequestConfig {
-  /** 请求唯一key(默认自动生成) */
-  requestId?: string;
-  /** 是否取消重复请求 */
-  isCancelRequest?: boolean;
-  /** 是否需要原始数据 */
-  isOriginalData?: boolean;
-  /** 是否显示错误信息 */
-  isShowFailMsg?: boolean;
-}
-//#endregion
 //#region src/plugins/api/index.d.ts
-interface ApiOptions {
-  /** Axios配置 */
-  config?: CreateAxiosDefaults;
-  /** 取消请求控制器 */
-  controllers?: Map<string, AbortController>;
-  /**
-   * 自定义请求实例
-   * - 替换 SDK 内置的请求实例
-   * @example instance = axios.create(options)
-   */
-  instance?: AxiosInstance;
-  /**
-   * 获取用户信息
-   * {@link UserInfo}
-   * @example { code: 0, data: { user: {}, permissions: [], roles: [], settings: {} } }
-   */
-  getUserInfoApi?(): Promise<any>;
-  /**
-   * 获取路由数据
-   * {@link RouteObject}
-   * @example { code: 0, data: [{path: '/', name: '首页', component: 'Home'}] }
-   */
-  getRoutesApi?(): Promise<any>;
-  /**
-   * 登录接口
-   * @example { code: 0, data: { token: 'xxxx' } }
-   */
-  loginApi?(params: any): Promise<any>;
-}
-interface ApiResults extends Required<ApiOptions> {
-  /**
-   * 请求
-   * @param url 请求地址
-   * @param options 自定义配置项
-   */
-  request(url: string, options?: ApiRequestOption): Promise<any>;
-}
+interface ApiOptions {}
 /**
  * 请求插件
- * - 详情参考 {@link ApiOptions} {@link ApiResults}
- * - 内置了请求, 通过 sdk.api.request 发起请求
- * - 可通过外部传入 instance 自定义请求实例
- * - 预置了获取用户信息, 获取路由接口, 以便组件使用
- * @example sdk.api.request('/getTemp', { method: 'POST', ... })
- * @example sdk.api.request('/getTemp', { method: 'POST', isOriginalData: true }) // 返回原始数据
- * @example sdk.api.request('/getTemp', { method: 'POST', isShowFailMsg: false }) // 不显示错误信息
- * @example sdk.api.request('/getTemp', { method: 'POST', isCancelRequest: false }) // 不自动取消重复请求
  */
-declare const SdkApiPlugin: Plugin<'api'>;
+declare const SDKApiPlugin: SDKPlugin<'api'>;
 //#endregion
 //#region src/plugins/app/index.d.ts
 interface AppOptions {
-  /** 菜单数据 */
-  menuData?: any[];
-  /** 所有路由信息 */
-  allRoutes?: RouteObject[];
-  /** 微应用信息 */
-  microApps?: RegistrableApp<ObjectType>[];
-  /** 微应用实例 */
-  microAppsInstance?: Map<string, MicroApp>;
   /** 用户信息 */
-  user?: UserInfo['user'];
+  user: UserInfo['user'];
+  /** 菜单数据 */
+  menus: any[];
   /** 用户权限 */
-  permissions?: UserInfo['permissions'];
-  /** 用户角色 */
-  roles?: UserInfo['roles'];
+  permissions: UserInfo['permissions'];
   /** 用户设置 */
-  settings?: UserInfo['settings'];
-}
-interface AppResults extends Required<AppOptions> {
+  settings: UserInfo['settings'];
+  /** 微应用信息 */
+  microApps: any[];
+  /** 微应用实例 */
+  microAppsInstance: Map<string, any>;
   /**
-   * 初始化数据
-   * - sdk.config.qiankunMode = 'load' 时, 登录时用
+   * 初始化数据（登录跳转不刷新页面用）
    */
-  initData(): void;
+  initData?(): void | Promise<void>;
   /**
-   * 清空数据
-   * - sdk.config.qiankunMode = 'load' 时, 登出时用
+   * 手动加载微应用（与 Qiankun 一致）
    */
-  clearData(): void;
+  loadMicroApp?(app: LoadableApp, configuration?: LoadMicroAppConfiguration, lifeCycles?: MicroAppLifeCycles): MicroAppInstance;
   /**
-   * 跳转登录页
+   * 获取国际化默认值
+   * - 1. 本地缓存 `sdk.storage.getItem(sdk.storage.localeKey)`
+   * - 2. sdk中国际化 `sdk.config.locale`
+   * - 3. 浏览器语言 `navigator.language`
+   * - 4. 默认 `zh-CN`
    */
-  pageToLogin(): void;
+  getDefaultLocale(): LocaleProps;
+  /**
+   * 获取主题默认值
+   * - 1. 本地缓存 `sdk.storage.getItem(sdk.storage.themeKey)`
+   * - 2. sdk中主题 `sdk.config.theme`
+   * - 3. 系统主题 `window.matchMedia('(prefers-color-scheme: dark)').matches`
+   * - 4. 默认 `light`
+   */
+  getDefaultTheme(): ThemeProps;
   /**
    * 获取重定向路径
+   * - 1. 优先使用指定值 `sdk.config.defaultPath`
+   * - 2. 其次使用重定向的值 `sdk.config.redirectField`
+   * - 3. 最后使用菜单中第一项 `/`
    */
   getRedirectPath(): string;
+  /**
+   * 跳转登录页
+   * - 1. 清除 Token
+   * - 2. 清除用户信息
+   * - 3. 获取当前页路由
+   * - 4. 清空微应用
+   */
+  pageToLogin(): void;
+  /**
+   * 卸载微应用
+   * - 默认卸载所有微应用
+   * - 传入名称数组则卸载指定微应用
+   */
+  unmountMicroApp(names?: string[]): void;
 }
 /**
- * 项目信息
- * - 详情参考 {@link AppOptions} {@link AppResults}
- * - 菜单信息 sdk.app.menuData
- * - 路由信息 sdk.app.allRoutes
- * - 微应用信息 sdk.app.microApps
- * - 用户信息 sdk.app.user
- * - 用户权限 sdk.app.permissions
- * - 用户角色 sdk.app.roles
- * - 用户设置 sdk.app.settings
+ * 应用插件
+ *
+ * @example
+ * sdk.use(SDKAppPlugin, { menus: [...] }).mount('xxx');
+ * sdk.app.unmountMicroApp();
  */
-declare const SdkAppPlugin: Plugin<'app'>;
+declare const SDKAppPlugin: SDKPlugin<'app'>;
 //#endregion
-//#region src/plugins/client/index.d.ts
-interface ClientOptions {}
-interface ClientResults extends Required<ClientOptions> {
-  /** 主应用 location */
-  location: Location;
-  /** 路由匹配（用于面包屑） */
-  matches: UIMatch[];
-  /** 主应用navigate（解决微应用跳转问题） */
-  navigate: NavigateFunction;
+//#region src/plugins/components/index.d.ts
+interface ComponentsOptions {
+  /** 组件 */
+  [key: string]: any;
+  /**
+   * 设置组件
+   * @param component 组件
+   * @param name 组件名称
+   */
+  setComponent(component: ComponentType, name?: string): void;
+  /**
+   * 获取组件
+   * @param name 组件名称
+   */
+  getComponent(name: string): ComponentType | null;
+  /**
+   * 渲染组件
+   * @param name 组件名称
+   */
+  renderComponent(name: string, props?: any): ReactElement | null;
 }
 /**
- * 全局路由信息
- * - 详情参考 {@link ClientOptions} {@link ClientResults}
- * - 路由信息 sdk.client.location
- * - 路由跳转 sdk.client.navigate
- * - 面包屑信息 sdk.client.matches
+ * 组件插件
+ *
+ * @example
+ * sdk.use(SDKComponentsPlugin).mount('xxx');
+ * sdk.components.setComponent(组件, '组件名称');
+ * sdk.components.renderComponent('组件名称', props);
  */
-declare const SdkClientPlugin: Plugin<'client'>;
+declare const SDKComponentsPlugin: SDKPlugin<'components'>;
 //#endregion
 //#region src/plugins/config/index.d.ts
 interface ConfigOptions {
   /** 环境变量(主应用共享给微应用变量) */
-  env?: Record<string, any>;
+  env: ObjectType;
   /** 主题 */
-  theme?: ThemeProps;
+  theme: ThemeProps;
   /** 语言  */
-  locale?: LocaleProps;
-  /**
-   * Qiankun模式(切换模式后请重新打开页面)
-   * - 'router': 基于路由模式
-   *    - 登录时，刷新页面，会自动调用 getUserInfoApi、getRoutesApi 获取数据
-   *    - 拿到 routes 数据之后，需要 registerMicroApps 注册微应用 和 start 启动微应用
-   *    - 系统退出时，刷新页面，自动销毁 qiankun 声明周期和缓存的数据
-   *    - 系统登录和系统退出仅有一次刷新页面即可，为了销毁 qiankun 的声明周期，但数据需要手动加载或者清除
-   * - 'load': 手动加载模式
-   *    - 登录时，不需刷新页面, 但需要手动调用 getUserInfoApi、getRoutesApi 获取数据
-   *    - 拿到 routes 数据之后，在 Microapp 组件中使用 loadMicroApp 手动加载微应用
-   *    - 系统退出时，不刷新页面，但需要手动销毁每个微应用，并清除缓存数据
-   */
-  qiankunMode?: 'router' | 'load';
+  locale: LocaleProps;
   /** 登录页路由 */
-  loginPath?: string;
-  /**
-   * 登录后跳转的路由
-   * - 优先使用指定值
-   * - 其次使用重定向的值
-   * - 最后使用菜单中第一项
-   */
-  defaultPath?: string;
-  /**
-   * 自定义路由信息
-   * - 目前只支持最外层路由自定义
-   * - 会合并到 sdk.app.allRoutes 中
-   */
-  customRoutes?: RouteObject[];
-  [key: string]: any;
+  loginPath: string;
+  /** 登录后跳转的路由 */
+  defaultPath: string;
+  /** 重定向字段 */
+  redirectField: string;
+  /** 微应用生命周期 */
+  lifeCycles: MicroAppLifeCycles;
 }
-interface ConfigResults extends Required<ConfigOptions> {}
 /**
- * Sdk 配置信息
- * - 详情参考 {@link ConfigOptions} {@link ConfigResults}
- * - 配置 env 环境变量
- * - 配置 默认主题、语言
- * - 配置 Qiankun 模式
- * - 配置 默认登录路径、跳转路径、自定义路由
+ * 配置插件
+ *
+ * @example
+ * sdk.use(SDKConfigPlugin, { theme: 'light' }).mount('xxx');
+ * console.log(sdk.api.theme); // 'light'
  */
-declare const SdkConfigPlugin: Plugin<'config'>;
+declare const SDKConfigPlugin: SDKPlugin<'config'>;
 //#endregion
 //#region src/plugins/i18n/index.d.ts
-interface I18nOptions {
-  /**
-   * Intl 实例
-   * @example sdk.i18n.intl?.xxx
-   */
-  intl?: any;
-  /**
-   * 自定义语言包
-   * @example
-   * {
-   *  'zh-CN': {
-   *    test: '测试国际化'
-   *  },
-   *  'en-US': {
-   *    test: 'Test Intl'
-   *  }
-   * }
-   */
-  intlConfig?: Record<string, any>;
+interface I18nOptions {}
+/**
+ * 国际化插件
+ *
+ * @example
+ * sdk.use(SDKI18nPlugin).mount('xxx');
+ */
+declare const SDKI18nPlugin: SDKPlugin<'i18n'>;
+//#endregion
+//#region src/plugins/router/index.d.ts
+interface RouterOptions {
+  /** 主应用 location */
+  location: Location;
+  /** 路由匹配（用于面包屑） */
+  matches: UIMatch[];
+  /** 主应用navigate（解决微应用跳转问题） */
+  navigate: NavigateFunction;
 }
-interface I18nResults extends Required<I18nOptions> {}
 /**
- * 多语言
- * - 详情参考 {@link I18nOptions} {@link I18nResults}
+ * 路由插件
+ *
+ * @example
+ * sdk.use(SDKI18nPlugin).mount('xxx');
+ * sdk.router.location; // 路由信息
+ * sdk.router.navigate; // 路由跳转
+ * sdk.router.matches; // 面包屑信息
  */
-declare const SdkI18nPlugin: Plugin<'i18n'>;
+declare const SDKRouterPlugin: SDKPlugin<'router'>;
 //#endregion
 //#region src/plugins/storage/index.d.ts
 interface StorageOptions {
   /** 语言存储名称 */
-  localeKey?: string;
+  localeKey: string;
   /** 主题存储名称  */
-  themeKey?: string;
+  themeKey: string;
   /** Token存储名称 */
-  tokenKey?: string;
-}
-interface StorageResults extends Required<StorageOptions> {
-  /** 获取当前语言 */
-  getLocale(): LocaleProps;
-  /** 设置/切换语言 */
-  setLocale(locale: LocaleProps): void;
-  /** 清空语言 */
-  clearLocale(): void;
-  /** 获取当前主题 */
-  getTheme(): ThemeProps;
-  /** 设置/切换主题 */
-  setTheme(theme: ThemeProps): void;
-  /** 清空主题 */
-  clearTheme(): void;
-  /** 获取当前 Token */
-  getToken(): string;
-  /** 设置 Token */
-  setToken(token: string): void;
-  /** 清空 Token */
-  clearToken(): void;
+  tokenKey: string;
+  /** 设置缓存 */
+  setItem(key: string, value: string): void;
+  /** 获取缓存 */
+  getItem(key: string): string | null;
+  /** 删除缓存 */
+  removeItem(key: string): void;
+  /** 清空缓存 */
+  clear(): void;
 }
 /**
- * 本地缓存
- * - 详情参考 {@link StorageOptions} {@link StorageResults}
- * - 配置 localStorage 变量名称
- * - 提供 语言、主题、Token 的 get、change、clear 方法
- * @example sdk.storage.getToken() // 获取 Token
- * @example sdk.storage.setTheme('dark') // 设置主题
- * @example sdk.storage.clearLocale() // 清空语言
+ * 本地缓存插件
+ *
+ * @example
+ * sdk.use(SDKStoragePlugin).mount('xxx');
  */
-declare const SdkStoragePlugin: Plugin<'storage'>;
+declare const SDKStoragePlugin: SDKPlugin<'storage'>;
 //#endregion
 //#region src/plugins/store/createLocale.d.ts
 interface LocaleStoreProps {
@@ -294,199 +229,194 @@ interface UserInfoStoreProps {
 /** 创建用户信息切片 */
 //#endregion
 //#region src/plugins/store/index.d.ts
-type StoreOptions = LocaleStoreProps & MicroAppLoadingStoreProps & ThemeStoreProps & UserInfoStoreProps;
-type StoreResults = typeof globalStore;
+interface StoreProps extends LocaleStoreProps, MicroAppLoadingStoreProps, ThemeStoreProps, UserInfoStoreProps {}
+type StoreSlice<T = any> = StateCreator<T>;
+/** 插件 options */
+type StorePluginOptions = Record<string, StoreSlice>;
 /**
  * 创建 Store
- * - 这里单独声明变量, 主要是为了使用返回类型 StoreResults 🤔
+ * - 这里单独声明变量, 主要是为了使用返回类型 StoreOptions 🤔
  */
-declare const globalStore: Omit<_$zustand.StoreApi<StoreOptions>, "subscribe"> & {
+declare const createGlobalStore: (options?: StorePluginOptions) => Omit<import("zustand").StoreApi<StoreProps>, "subscribe"> & {
   subscribe: {
-    (listener: (selectedState: StoreOptions, previousSelectedState: StoreOptions) => void): () => void;
-    <U>(selector: (state: StoreOptions) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+    (listener: (selectedState: StoreProps, previousSelectedState: StoreProps) => void): () => void;
+    <U>(selector: (state: StoreProps) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
       equalityFn?: (a: U, b: U) => boolean;
       fireImmediately?: boolean;
     }): () => void;
   };
 };
+type StoreOptions = ReturnType<typeof createGlobalStore>;
 /**
- * 全局状态管理
- * - 详情参考 {@link StoreOptions} {@link StoreResults}
- * - 此插件不会合并传入属性
+ * 状态管理插件
  * @example const setTheme = useStore(sdk.store, (state) => state.setTheme)
  * @example const { theme, setTheme } = useStore(sdk.store, useShallow((state) => { theme: state.theme, setTheme: state.setTheme }))
  * @example const [theme, setTheme] = useStore(sdk.store, useShallow((state) => [state.theme, state.setTheme]))
  * @example sdk.store?.getState()?.setTheme('light')
  * @example sdk.store.subscribe((state) => state.theme, (theme) => { console.log('theme', theme) }, { fireImmediately: true }) // fireImmediately 立即变更
  */
-declare const SdkStorePlugin: Plugin<'store'>;
-//#endregion
-//#region src/plugins/ui/index.d.ts
-interface UIOptions {
-  /** 组件 */
-  [key: string]: ComponentType | ((name: string) => ComponentType) | ((component: ComponentType, name?: string) => void);
-}
-interface UIResults extends Required<UIOptions> {
-  /**
-   * 设置组件
-   * @param component 组件
-   * @param name 组件名称
-   */
-  setComponent(component: ComponentType, name?: string): void;
-  /**
-   * 获取组件
-   * @param name 组件名称
-   */
-  getComponent(name: string): ComponentType;
-  /**
-   * 渲染组件
-   * @param name 组件名称
-   */
-  renderComponent(name: string, props?: any): ReactElement;
-}
-/**
- * 可复用组件
- * - 详情参考 {@link UIOptions} {@link UIResults}
- * - 内置了 Layout、Loading、Login、Mainapp、Microapp、NotFound 等组件, 可传入覆盖
- * - 组件共享
- *    - 在主应用中, 可通过 sdk.use(SdkUIPlugin, { MyComponent }) 传入组件
- *    - 在微应用中, 可通过 sdk.ui.renderComponent('MyComponent') 使用组件
- */
-declare const SdkUIPlugin: Plugin<'ui'>;
+declare const SDKStorePlugin: SDKPlugin<'store'>;
 //#endregion
 //#region src/types.d.ts
+type ObjectType = Record<string, any>;
 type ThemeProps = 'light' | 'dark' | (string & {});
 type LocaleProps = 'zh-CN' | 'en-US' | (string & {});
 interface UserInfo {
   /** 用户信息 */
   user?: any;
+  /** 菜单数据 */
+  menus?: any[];
   /** 用户权限 */
   permissions?: string[];
-  /** 用户角色 */
-  roles?: string[];
   /** 用户设置 */
   settings?: {
     theme?: ThemeProps;
     locale?: LocaleProps;
   };
 }
-interface PluginOptions {
-  /** 全局请求 */
-  api?: ApiOptions;
-  /** 项目信息 */
-  app?: AppOptions;
-  /** 全局路由信息 */
-  client?: ClientOptions;
-  /** Sdk 配置信息 */
-  config?: ConfigOptions;
-  /** 多语言 */
-  i18n?: I18nOptions;
-  /** 本地缓存 */
-  storage?: StorageOptions;
-  /** 全局状态管理 */
-  store?: StoreOptions;
-  /** 可复用组件 */
-  ui?: UIOptions;
+declare global {
+  interface Window {
+    [key: string]: any;
+  }
 }
-interface PluginResults {
-  /** 全局请求 */
-  api: ApiResults;
-  /** 项目信息 */
-  app: AppResults;
-  /** 全局路由信息 */
-  client: ClientResults;
-  /** Sdk 配置信息 */
-  config: ConfigResults;
-  /** 多语言 */
-  i18n: I18nResults;
+interface SDKPlugins {
+  /** 请求 */
+  api: ApiOptions;
+  /** 应用 */
+  app: AppOptions;
+  /** 组件 */
+  components: ComponentsOptions;
+  /** 配置 */
+  config: ConfigOptions;
+  /** 国际化 */
+  i18n: I18nOptions;
+  /** 路由 */
+  router: RouterOptions;
   /** 本地缓存 */
-  storage: StorageResults;
-  /** 全局状态管理 */
-  store: StoreResults;
-  /** 可复用组件 */
-  ui: UIResults;
+  storage: StorageOptions;
+  /** 状态管理 */
+  store: StoreOptions;
 }
-type PluginName = keyof PluginOptions;
-interface Plugin<K extends PluginName> {
-  /** 插件名字 */
-  name: K;
+interface SDKPlugin<K extends keyof SDKPlugins> {
+  /** 插件名称 */
+  name: string;
   /** 插件安装方法 */
-  install(sdk: SdkResult, options?: PluginOptions[K]): void;
+  install(sdk: SDKInstance, options?: ObjectType): void;
   /** 插件配置项 */
-  options?: PluginOptions[K];
-}
-interface SdkBase {
-  /** SDK 名称 */
-  name: string;
-  /** 插件列表 */
-  _plugins: Map<string, any>;
-  /** 挂载sdk - 主应用挂载 SDK 到 Window */
-  mount(name: string): void;
-  /** 继承sdk - 微应用从 Window 上继承 SDK */
-  extend(name: string): void;
-  /** 使用插件 */
-  use<K extends PluginName>(plugin: Plugin<K>, options?: PluginOptions[K]): this;
-}
-type SdkResult = SdkBase & PluginResults;
-//#endregion
-//#region src/core/index.d.ts
-declare class Sdk implements SdkResult {
-  name: SdkResult['name'];
-  _plugins: SdkResult['_plugins'];
-  api: SdkResult['api'];
-  app: SdkResult['app'];
-  client: SdkResult['client'];
-  config: SdkResult['config'];
-  i18n: SdkResult['i18n'];
-  storage: SdkResult['storage'];
-  store: SdkResult['store'];
-  ui: SdkResult['ui'];
-  constructor();
-  mount(name: string): void;
-  extend(name: string): void;
-  use<K extends keyof PluginOptions>(plugin: Plugin<K>, options?: PluginOptions[K]): this;
+  options?: Partial<SDKPlugins[K]> & ObjectType;
 }
+type SDKInstance = SDKCore & SDKPlugins;
 /**
- * sdk 实例
+ * 微应用状态
  */
-declare const sdk: Sdk;
-//#endregion
-//#region src/hooks/useUserInfo.d.ts
-/** 用户信息 */
-declare const useUserInfo: () => {
-  userInfo: UserInfo;
-  setUserInfo: (userInfo: UserInfo) => void;
-  resetUserInfo: () => void;
-};
-//#endregion
-//#region src/hooks/useIntl.d.ts
+type MicroAppStatus = 'NOT_LOADED' | 'LOADING_SOURCE_CODE' | 'NOT_BOOTSTRAPPED' | 'BOOTSTRAPPING' | 'NOT_MOUNTED' | 'MOUNTING' | 'MOUNTED' | 'UPDATING' | 'UNMOUNTING' | 'UNLOADING' | 'SKIP_BECAUSE_BROKEN' | 'LOAD_ERROR';
 /**
- * React Intl Universal
- * - 如果项目不使用 React Compiler, 可以直接使用 sdk.i18n.intl
- * - 不要解构使用, const { get } = useIntl() 会报错
- * @example const intl = useIntl(); intl.get(key).d(defaultValue)
+ * 微应用配置
  */
-declare const useIntl: () => any;
-//#endregion
-//#region src/hooks/useCrumb.d.ts
+type LoadableApp<T extends object = ObjectType> = {
+  /** 微应用唯一名称 */name: string; /** 微应用入口 */
+  entry: string | {
+    scripts?: string[];
+    styles?: string[];
+    html?: string;
+  }; /** 传递给微应用的数据 */
+  props?: T;
+} & ({
+  /** 自定义函数 */render?: (props: {
+    appContent: string;
+    loading: boolean;
+  }) => any;
+} | {
+  /**
+   * 容器节点
+   * @example '#root'
+   * @example document.querySelector('#root')
+   */
+  container: string | HTMLElement;
+});
 /**
- * 获取面包屑
- * @see https://reactrouter.com/6.30.3/hooks/use-matches
+ * 生命周期函数
  */
-declare const useCrumb: () => any[];
-//#endregion
-//#region src/hooks/usePermission.d.ts
+type LifeCycleFn = (app: LoadableApp, global: typeof window) => any;
+/**
+ * 生命周期钩子
+ */
+interface MicroAppLifeCycles {
+  beforeLoad?: LifeCycleFn | Array<LifeCycleFn>;
+  beforeMount?: LifeCycleFn | Array<LifeCycleFn>;
+  afterMount?: LifeCycleFn | Array<LifeCycleFn>;
+  beforeUnmount?: LifeCycleFn | Array<LifeCycleFn>;
+  afterUnmount?: LifeCycleFn | Array<LifeCycleFn>;
+}
+/**
+ * 加载配置
+ */
+interface LoadMicroAppConfiguration {
+  /** 开启沙箱 */
+  sandbox?: boolean | {
+    strictStyleIsolation?: boolean;
+    experimentalStyleIsolation?: boolean;
+  };
+  /** 是否为单实例场景，单实例指的是同一时间只会渲染一个微应用 */
+  singular?: boolean | ((app: LoadableApp<any>) => Promise<boolean>);
+  /** 自定义的 fetch 方法 */
+  prefetch?: boolean | 'all' | string[] | ((apps: any[]) => {
+    criticalAppNames: string[];
+    minorAppsName: string[];
+  });
+  /** 指定部分特殊的动态加载的微应用资源（css/js) 不被 qiankun 劫持处理 */
+  excludeAssetFilter?: (url: string) => boolean;
+  fetch?: typeof window.fetch | {
+    fn?: typeof window.fetch;
+    autoDecodeResponse?: boolean;
+  };
+  getPublicPath?: (entry: any) => string;
+  getTemplate?: (tpl: string) => string;
+  postProcessTemplate?: (tplResult: any) => any;
+  urlRerouteOnly?: boolean;
+  autoStart?: boolean;
+  [key: string]: any;
+}
 /**
- * 判断是否有权限
- * @param code 权限code (默认为当前路由)
+ * 微应用实例
  */
-declare const usePermission: (code?: string) => boolean;
+interface MicroAppInstance<T extends object = ObjectType> {
+  mount(): Promise<null>;
+  unmount(): Promise<null>;
+  update?(customProps: Partial<T>): Promise<any>;
+  getStatus(): MicroAppStatus;
+  loadPromise: Promise<null>;
+  bootstrapPromise: Promise<null>;
+  mountPromise: Promise<null>;
+  unmountPromise: Promise<null>;
+}
 //#endregion
-//#region src/hooks/useInitData.d.ts
-/** 初始化数据 */
-declare const useInitData: () => {
-  loading: boolean;
-  routes: RouteObject[];
-};
+//#region src/core/index.d.ts
+/** SDK 类 */
+declare class SDKCore {
+  /** 名称 */
+  name?: string;
+  /** 插件列表 */
+  _plugins: Map<string, any>;
+  /**
+   * 将实例挂载到 Window 对象上
+   * @param name - 要挂载的属性名
+   */
+  mount(name: string): void;
+  /**
+   * 继承实例, 从 Window 对象上获取指定名称的实例并合并属性
+   * @param name - 要从 Window 对象上获取的实例名称
+   * @throws 当指定的 SDK 实例不存在时抛出错误
+   */
+  extend(name: string): void;
+  /**
+   * 使用插件
+   * @param plugin - 插件对象 {@link SDKPlugin}
+   * @param options - 插件选项
+   */
+  use<K extends keyof SDKPlugins>(plugin: SDKPlugin<K>, options?: SDKPlugin<K>['options']): this;
+}
+/** 创建 SDK 实例 */
+declare const sdk: SDKInstance;
 //#endregion
-export { type ApiOptions, type ApiResults, type AppOptions, type AppResults, type ClientOptions, type ClientResults, type ConfigOptions, type ConfigResults, type I18nOptions, type I18nResults, SdkApiPlugin, SdkAppPlugin, SdkClientPlugin, SdkConfigPlugin, SdkI18nPlugin, SdkStoragePlugin, SdkStorePlugin, SdkUIPlugin, type StorageOptions, type StorageResults, type StoreOptions, type StoreResults, type UIOptions, type UIResults, sdk, useCrumb, useInitData, useIntl, usePermission, useUserInfo };
+export { type ApiOptions, type AppOptions, type ComponentsOptions, type ConfigOptions, type I18nOptions, LifeCycleFn, LoadMicroAppConfiguration, LoadableApp, LocaleProps, MicroAppInstance, MicroAppLifeCycles, MicroAppStatus, ObjectType, type RouterOptions, SDKApiPlugin, SDKAppPlugin, SDKComponentsPlugin, SDKConfigPlugin, SDKCore, SDKI18nPlugin, SDKInstance, SDKPlugin, SDKPlugins, SDKRouterPlugin, SDKStoragePlugin, SDKStorePlugin, type StorageOptions, type StoreOptions, type StoreProps, type StoreSlice, ThemeProps, UserInfo, sdk };

package/dist/index.js

@@ -1,2 +1 @@
-import './style.css';
-import{createStore as e,useStore as t}from"zustand";import{useShallow as n}from"zustand/shallow";import{Suspense as r,createElement as i,memo as a,useEffect as o,useMemo as s,useState as c}from"react";import{Navigate as l,Outlet as u,useLocation as d,useMatches as f,useNavigate as p}from"react-router-dom";import{loadMicroApp as m,registerMicroApps as ee,start as te}from"qiankun";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import v from"axios";import{subscribeWithSelector as y}from"zustand/middleware";const b=new class{name;_plugins;api;app;client;config;i18n;storage;store;ui;constructor(){this.name=``,this._plugins=new Map}mount(e){if(window[e])throw Error(`The SDK already exists - ${e}`);console.log(`%c SDK mounted:`,`color: pink; font-weight: bold;`,e,b),this.name=e;let t=new Proxy(this,{get:(e,t,n)=>e?Reflect.get(e,t,n):null,set:()=>(console.error(`The SDK cannot be modified.`),!1),deleteProperty:()=>(console.error(`The SDK cannot be deleted.`),!1)});window[this.name]=t}extend(e){if(!window[e])throw Error(`The SDK not found - ${e}`);console.log(`%c SDK extended:`,`color: pink; font-weight: bold;`,e),Object.assign(this,window[e])}use(e,t){let{name:n,install:r}=e;if(!n)throw Error(`${n} plugin has no name`);if(typeof r!=`function`)throw Error(`${n} plugin is not a function`);return r(this,t),this._plugins.set(n,{...e,options:t}),this}},x=()=>{let[e,r,i]=t(b.store,n(e=>[e.userInfo,e.setUserInfo,e.resetUserInfo]));return{userInfo:e,setUserInfo:r,resetUserInfo:i}};function S(e){return e==null||typeof e!=`object`&&typeof e!=`function`}function C(e){return ArrayBuffer.isView(e)&&!(e instanceof DataView)}function w(e){return Object.getOwnPropertySymbols(e).filter(t=>Object.prototype.propertyIsEnumerable.call(e,t))}function ne(e){return e==null?e===void 0?`[object Undefined]`:`[object Null]`:Object.prototype.toString.call(e)}function T(e,t,n,r=new Map,i=void 0){let a=i?.(e,t,n,r);if(a!==void 0)return a;if(S(e))return e;if(r.has(e))return r.get(e);if(Array.isArray(e)){let t=Array(e.length);r.set(e,t);for(let a=0;a<e.length;a++)t[a]=T(e[a],a,n,r,i);return Object.hasOwn(e,`index`)&&(t.index=e.index),Object.hasOwn(e,`input`)&&(t.input=e.input),t}if(e instanceof Date)return new Date(e.getTime());if(e instanceof RegExp){let t=new RegExp(e.source,e.flags);return t.lastIndex=e.lastIndex,t}if(e instanceof Map){let t=new Map;r.set(e,t);for(let[a,o]of e)t.set(a,T(o,a,n,r,i));return t}if(e instanceof Set){let t=new Set;r.set(e,t);for(let a of e)t.add(T(a,void 0,n,r,i));return t}if(typeof Buffer<`u`&&Buffer.isBuffer(e))return e.subarray();if(C(e)){let t=new(Object.getPrototypeOf(e)).constructor(e.length);r.set(e,t);for(let a=0;a<e.length;a++)t[a]=T(e[a],a,n,r,i);return t}if(e instanceof ArrayBuffer||typeof SharedArrayBuffer<`u`&&e instanceof SharedArrayBuffer)return e.slice(0);if(e instanceof DataView){let t=new DataView(e.buffer.slice(0),e.byteOffset,e.byteLength);return r.set(e,t),E(t,e,n,r,i),t}if(typeof File<`u`&&e instanceof File){let t=new File([e],e.name,{type:e.type});return r.set(e,t),E(t,e,n,r,i),t}if(typeof Blob<`u`&&e instanceof Blob){let t=new Blob([e],{type:e.type});return r.set(e,t),E(t,e,n,r,i),t}if(e instanceof Error){let t=structuredClone(e);return r.set(e,t),t.message=e.message,t.name=e.name,t.stack=e.stack,t.cause=e.cause,t.constructor=e.constructor,E(t,e,n,r,i),t}if(e instanceof Boolean){let t=new Boolean(e.valueOf());return r.set(e,t),E(t,e,n,r,i),t}if(e instanceof Number){let t=new Number(e.valueOf());return r.set(e,t),E(t,e,n,r,i),t}if(e instanceof String){let t=new String(e.valueOf());return r.set(e,t),E(t,e,n,r,i),t}if(typeof e==`object`&&D(e)){let t=Object.create(Object.getPrototypeOf(e));return r.set(e,t),E(t,e,n,r,i),t}return e}function E(e,t,n=e,r,i){let a=[...Object.keys(t),...w(t)];for(let o=0;o<a.length;o++){let s=a[o],c=Object.getOwnPropertyDescriptor(e,s);(c==null||c.writable)&&(e[s]=T(t[s],s,n,r,i))}}function D(e){switch(ne(e)){case`[object Arguments]`:case`[object Array]`:case`[object ArrayBuffer]`:case`[object DataView]`:case`[object Boolean]`:case`[object Date]`:case`[object Float32Array]`:case`[object Float64Array]`:case`[object Int8Array]`:case`[object Int16Array]`:case`[object Int32Array]`:case`[object Map]`:case`[object Number]`:case`[object Object]`:case`[object RegExp]`:case`[object Set]`:case`[object String]`:case`[object Symbol]`:case`[object Uint8Array]`:case`[object Uint8ClampedArray]`:case`[object Uint16Array]`:case`[object Uint32Array]`:return!0;default:return!1}}function O(e){return T(e,void 0,e,new Map,void 0)}function k(e){if(!e||typeof e!=`object`)return!1;let t=Object.getPrototypeOf(e);return t===null||t===Object.prototype||Object.getPrototypeOf(t)===null?Object.prototype.toString.call(e)===`[object Object]`:!1}function A(e){return e===`__proto__`}function j(e,t){let n=Object.keys(t);for(let r=0;r<n.length;r++){let i=n[r];if(A(i))continue;let a=t[i],o=e[i];M(a)&&M(o)?e[i]=j(o,a):Array.isArray(a)?e[i]=j([],a):k(a)?e[i]=j({},a):(o===void 0||a!==void 0)&&(e[i]=a)}return e}function M(e){return k(e)||Array.isArray(e)}const re=()=>s(()=>O(b.i18n.intl),[t(b.store,e=>e.locale)]),ie=()=>s(()=>b.client.matches,[d()]).filter(e=>!!e.handle?.crumb).map(e=>e.handle.crumb(e.data)),ae=e=>s(()=>{let t=e||b.client.location.pathname;return b.app.permissions?.includes?.(t)},[d().pathname,e]),N=e=>{let{requestId:t,url:n,method:r,params:i,data:a}=e;return t||`${r}:${n}?${JSON.stringify(i)}&${JSON.stringify(a)}`},oe=e=>{let t=N(e),n=b.api.controllers.get(t);n&&(n.abort(),b.api.controllers.delete(t))},P={beforeLoad:[async e=>{console.log(`[LifeCycle] before load %c%s`,`color: green;`,e.name)}],beforeMount:[async e=>{console.log(`[LifeCycle] before mount %c%s`,`color: green;`,e.name)}],afterUnmount:[async e=>{console.log(`[LifeCycle] after unmount %c%s`,`color: green;`,e.name)}]},F=e=>{let t=e.storage.getTheme();if(t)return t;let n=e.config?.theme;if(n)return n;let r=window.matchMedia(`(prefers-color-scheme: dark)`);return r.matches&&r.matches?`dark`:`light`},I=e=>e.storage.getLocale()||e.config?.locale||navigator.language||`zh-CN`,L=e=>{let t=new Map,n=R(e,t);return{microApps:[...t.values()],menuData:n}},R=(e,t)=>!e||e?.length===0?[]:e.map(e=>{let n=null,{locale:r,path:i,icon:a,component:o,routeAttr:s,children:c}=e;if(s){let e={};try{e=JSON.parse(s)}catch(e){console.error(`Sdk: initData - Subapp routeAttr error: `,e)}let{name:r,rootId:i,...a}=e,o={...a,name:r,container:`#${i}`,props:{sdk:b},loader:e=>b.store.getState().setMicroAppLoading(e)};t.set(r,o),n=b.ui.renderComponent(`Microapp`,{name:r,rootId:i})}else n=o===`Microapp`?b.ui.renderComponent(`Microapp`):o===`Outlet`?g(u,{}):b.ui.renderComponent(o);return{...e,key:`${i}_${a}_${r}`,element:n,children:R(c,t),handle:e}}),z=e=>{let t=`/`;return!e||e.length===0?t:(t=e?.[0]?.path,e?.[0]?.children&&e?.[0]?.children.length>0&&(t=z(e?.[0]?.children)),t)},B=({children:e})=>{let t=d(),n=f(),r=p();return b.client.location=t,b.client.matches=n,b.client.navigate=r,e},V=()=>{let e=b.config.loginPath,r=b.config.customRoutes,i=b.config.qiankunMode===`router`,a=b.ui.renderComponent(`Layout`),s=b.ui.renderComponent(`Login`),u=b.ui.renderComponent(`NotFound`),d=[{path:e,element:s},{path:`*`,element:u},...r].map(e=>({...e,element:g(B,{children:e.element})})),[f,p]=c(!1),[m,h]=c(d),[_,v,y]=t(b.store,n(e=>[e.setLocale,e.setTheme,e.setUserInfo])),x=(e,t)=>{v(e||F(b)),_(t||I(b))},S=async()=>{try{p(()=>!0);let[{data:e={}},{data:t=[]}]=await Promise.all([b.api.getUserInfoApi(),b.api.getRoutesApi()]);p(()=>!1),y(e);let{theme:n,locale:r}=e?.settings||{};x(n,r);let{microApps:o=[],menuData:s=[]}=L(t);i&&(ee(o,P),te());let c=z(s),f=[...d,{path:`/`,element:g(l,{to:c,replace:!0})},{path:`/`,element:g(B,{children:a}),children:s,errorElement:u}];h(f),b.app={...b.app,allRoutes:f,microApps:o,menuData:s}}catch(e){console.error(e),p(()=>!1)}};return o(()=>{b.app.initData=S,b.app.allRoutes=d;let t=b.config.customRoutes?.map(e=>e.path),n=window.location.pathname;[e,...t]?.includes(n)?x():S()},[]),{loading:f,routes:m}};var H=class{instance;constructor(e={}){this.instance=v.create(e),this.defaultRequestInterceptor(),this.defaultResponseInterceptor()}defaultRequestInterceptor(){this.instance.interceptors.request.use(function(e){if(e?.isCancelRequest){let t=N(e);oe(e);let n=new AbortController;b.api.controllers.set(t,n),e.requestId=t,e.signal=n.signal}let t=b.storage.getToken();return e.headers.lang=b.config.locale,e.headers.Authorization=t,j(e.headers,b.api.config.headers||{}),e},function(e){return console.error(`Sdk: defaultRequestInterceptor - 请求错误`),Promise.reject(e)})}defaultResponseInterceptor(){this.instance.interceptors.response.use(function(e){let{data:t,config:n}=e,{isOriginalData:r,isShowFailMsg:i,isCancelRequest:a}=n,{code:o,msg:s}=t;return o!==0&&(console.error(`Sdk: defaultResponseInterceptor - Response error: `,n.url,s),o==20041&&b.app.pageToLogin()),a&&b.api.controllers.delete(n.requestId),r?e:e.data},function(e){let{response:t,config:n}=e,{isShowFailMsg:r}=n;if(v.isCancel(e))return Promise.reject(e);if(t){let{status:e,data:n,statusText:r}=t;e==401&&b.app.pageToLogin()}else console.error(`Sdk: defaultResponseInterceptor - Request error:`,n.url,e);return Promise.reject(e)})}getInstance(){return this.instance}};const U={name:`api`,install(e,t={}){let n={baseURL:`/`,timeout:0,...t.config},r=t?.instance||new H(n).getInstance();e.api=j({config:n,controllers:new Map,instance:null,request:(e,t={})=>r.request({url:e,isOriginalData:!1,isShowFailMsg:!0,isCancelRequest:!0,...t}),getUserInfoApi:()=>e.api.request(`/getUserInfo`,{method:`GET`}),getRoutesApi:()=>e.api.request(`/routes`,{method:`GET`}),loginApi:()=>e.api.request(`/login`,{method:`POST`})},t)}},W={name:`app`,install(e,t={}){e.app=j({menuData:[],allRoutes:[],microApps:[],microAppsInstance:new Map,user:null,permissions:[],roles:[],settings:{},initData:null,clearData:()=>{e.app.menuData=[],e.app.allRoutes=e.app.allRoutes.filter(e=>e.path!==`/`),e.app.microApps=[],e.app.microAppsInstance.forEach(e=>e.unmount()),e.app.microAppsInstance.clear(),e.store.getState().resetUserInfo()},pageToLogin:()=>{e.storage.clearToken();let t=window.location.pathname||`/`,n=e.config.loginPath,r=t===n?n:`${n}?redirect=${encodeURIComponent(t)}`;e.config.qiankunMode===`router`?window.location.replace(r):(e.app.clearData(),e.client.navigate(r,{replace:!0}))},getRedirectPath:()=>{let t=e.config.defaultPath;if(t)return t;let n=new URLSearchParams(window.location.search);return decodeURIComponent(n.get(`redirect`)||``)||`/`}},t)}},G=`client`,K={name:G,install(e,t={}){e[G]=j({location:null,navigate:null,matches:null},t)}},q=`config`,se={name:q,install(e,t={}){e[q]=j({env:{},qiankunMode:`router`,theme:null,locale:null,loginPath:`/login`,defaultPath:``,customRoutes:[]},t)}},J=`i18n`,ce={name:J,install(e,t={}){e[J]=j({intl:{},intlConfig:{}},t)}},Y=`storage`,le={name:Y,install(e,t={}){e[Y]=j({localeKey:`locale`,themeKey:`theme`,tokenKey:`token`,getLocale:()=>localStorage.getItem(e.storage.localeKey),setLocale:t=>{localStorage.setItem(e.storage.localeKey,t)},clearLocale:()=>{localStorage.removeItem(e.storage.localeKey)},getTheme:()=>localStorage.getItem(e.storage.themeKey),setTheme:t=>{localStorage.setItem(e.storage.themeKey,t)},clearTheme:()=>{localStorage.removeItem(e.storage.themeKey)},getToken:()=>localStorage.getItem(e.storage.tokenKey),setToken:t=>{localStorage.setItem(e.storage.tokenKey,t)},clearToken:()=>{localStorage.removeItem(e.storage.tokenKey)}},t)}},ue=(e,t)=>({locale:null,setLocale:t=>{e(()=>({locale:t})),b.config.locale=t,b.storage.setLocale(t),document.documentElement.setAttribute(`lang`,t)}}),de=(e,t)=>({microAppLoading:!1,setMicroAppLoading:t=>e(()=>({microAppLoading:t}))}),fe=(e,t)=>({theme:null,setTheme:t=>{e(()=>({theme:t})),b.config.theme=t,b.storage.setTheme(t),document.documentElement.setAttribute(`theme`,t)}}),X={user:{},permissions:[],roles:[],settings:{}},pe=(e,t)=>({userInfo:X,setUserInfo:t=>{e(()=>({userInfo:t})),b.app={...b.app,...t}},resetUserInfo:()=>{e(()=>({userInfo:X}))}}),me=e()(y((...e)=>({...ue(...e),...de(...e),...fe(...e),...pe(...e)}))),Z=`store`,he={name:Z,install(e,t={}){e[Z]=me}},Q=({items:e=[]})=>{let t=d(),n=p();return!e||e.length===0?null:e.map(e=>{let{key:r,name:i,path:a,locale:o,children:s,hideInMenu:c=!1}=e,l=!0;return s&&s.length>0&&s.filter(e=>!e.hideInMenu).length>0&&(l=!1),_(`li`,{className:`sdk-layout-menu-item`,children:[g(`div`,{className:`sdk-layout-menu-item-title`,style:{...t.pathname===a?{background:`#e6f4ff`,color:`#1677ff`}:{},...c?{display:`none`}:{},cursor:l?`pointer`:`not-allowed`},onClick:()=>l?n(a):{},children:b.i18n.intl?.get?.(o)||i}),g(`ul`,{className:`sdk-layout-menu-sub`,children:g(Q,{items:s})})]},r)})},ge=()=>{let e=p(),t=d();return o(()=>{if(!b.app.user||Object.keys(b.app.user).length===0)return b.app.pageToLogin();e(t.pathname)},[t.pathname]),_(`div`,{className:`sdk-layout`,children:[_(`div`,{className:`sdk-layout-header`,children:[g(`div`,{onClick:()=>{e(`/`)},children:`Logo`}),g(`button`,{onClick:()=>{b.app.pageToLogin()},children:`退出登录`})]}),_(`div`,{className:`sdk-layout-content`,children:[g(`ul`,{className:`sdk-layout-menu`,children:g(Q,{items:b.app.menuData||[]})}),g(`div`,{className:`sdk-layout-outlet`,children:g(r,{fallback:b.ui.renderComponent(`Loading`,{isSuspense:!0}),children:g(u,{})})})]})]})},$=({isInitData:e=!1,isSuspense:t=!1,isMicroApp:n=!1})=>g(`div`,{className:`${e?`sdk-loading-init`:``}`,children:`Loading...`}),_e=()=>{let[e,t]=c(!1),[n,r]=c(`admin`),[i,a]=c(`123456`);return g(`div`,{className:`sdk-login`,children:_(`form`,{className:`sdk-login-form`,children:[_(`div`,{className:`sdk-login-form-group`,children:[g(`label`,{children:`用 户 名`}),_(`div`,{className:`sdk-login-form-group-input`,children:[g(`input`,{type:`text`,value:n,placeholder:`your@email.com 或 昵称`,onChange:e=>r(e.target.value)}),g(`div`,{children:n?``:`请输入用户名`})]})]}),_(`div`,{className:`sdk-login-form-group`,children:[g(`label`,{children:`密 码`}),_(`div`,{className:`sdk-login-form-group-input`,children:[g(`input`,{type:`password`,value:i,placeholder:`请输入密码`,onChange:e=>a(e.target.value)}),g(`div`,{children:i?``:`请输入密码`})]})]}),g(`button`,{className:`sdk-login-form-btn`,onClick:async r=>{if(!e){r.preventDefault();try{t(()=>!0);let e=await b.api.loginApi({userName:n,password:i});t(()=>!1);let r=e?.data?.token||``;if(!r)return;b.storage.setToken(r);let a=b.app.getRedirectPath();b.config.qiankunMode===`load`?(b.client.navigate(a,{replace:!0}),b.app.initData?.()):window.location.replace(a)}catch(e){console.log(`Sdk: Login - handleFinish: `,e),t(()=>!1)}}},children:e?`登录中...`:`登录`})]})})};var ve=a(({name:e,rootId:r})=>{let[i,a]=t(b.store,n(e=>[e.microAppLoading,e.setMicroAppLoading]));return o(()=>{if(!e||b.config.qiankunMode!==`load`)return;let t=b.app.microAppsInstance.get(e);if(t)t?.mount();else{let n=b.app.microApps.find(t=>t.name===e);if(!n)return;a(!0),t=m(n,{},P),t?.mountPromise?.finally(()=>{a(!1)}),b.app.microAppsInstance.set(e,t)}return()=>{t?.unmount()}},[e]),_(h,{children:[i&&b.ui.renderComponent(`Loading`,{isMicroApp:!0}),g(`main`,{id:r})]})});const ye=()=>g(`div`,{children:`无权限`}),be=()=>g(`div`,{className:`sdk-notfound`,children:`找不到页面`}),xe={name:`ui`,install(e,t={}){e.ui=j({Layout:ge,Loading:$,Login:_e,Microapp:ve,NotFound:be,NoPermission:ye,setComponent:(t,n)=>{if(!t){console.error(`Sdk: SdkUIPlugin - component cannot be empty`);return}let r=n||t.displayName||t.name;if(!r){console.error(`Sdk: SdkUIPlugin - Component name cannot be empty`);return}e.ui[r]=t},getComponent:t=>t?e.ui[t]:(console.error(`Sdk: SdkUIPlugin - Component name cannot be empty`),null),renderComponent:(t,n={})=>{let r=e.ui.getComponent(t);return r?i(r,n):(console.error(`Sdk: SdkUIPlugin - Component ${t} not found`),null)}},t)}};export{U as SdkApiPlugin,W as SdkAppPlugin,K as SdkClientPlugin,se as SdkConfigPlugin,ce as SdkI18nPlugin,le as SdkStoragePlugin,he as SdkStorePlugin,xe as SdkUIPlugin,b as sdk,ie as useCrumb,V as useInitData,re as useIntl,ae as usePermission,x as useUserInfo};
+import{Suspense as e,createElement as t,memo as n,useEffect as r,useState as i}from"react";import{Outlet as a,useLocation as o,useNavigate as s}from"react-router-dom";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{createStore as d,useStore as f}from"zustand";import{useShallow as p}from"zustand/shallow";import{subscribeWithSelector as m}from"zustand/middleware";var h=class{name;_plugins=new Map;mount(e){this.name=e,window[e]=this}extend(e){let t=window[e];if(!t)throw Error(`SDK "${e}" not found`);Object.assign(this,t)}use(e,t={}){let{name:n,install:r}=e;if(!n)throw Error(`SDK - The plugin requires a name`);if(typeof r!=`function`)throw Error(`SDK - The plugin "${n}" requires an install function`);return r(this,t),this._plugins.set(n,{...e,options:t}),this}};const g=new h,_={name:`api`,install(e,t={}){e.api=t}};function v(e){if(!e||typeof e!=`object`)return!1;let t=Object.getPrototypeOf(e);return t===null||t===Object.prototype||Object.getPrototypeOf(t)===null?Object.prototype.toString.call(e)===`[object Object]`:!1}function y(e){return e===`__proto__`}function b(e,t){let n=Object.keys(t);for(let r=0;r<n.length;r++){let i=n[r];if(y(i))continue;let a=t[i],o=e[i];x(a)&&x(o)?e[i]=b(o,a):Array.isArray(a)?e[i]=b([],a):v(a)?e[i]=b({},a):(o===void 0||a!==void 0)&&(e[i]=a)}return e}function x(e){return v(e)||Array.isArray(e)}const S={name:`app`,install(e,t={}){e.app=b({user:null,menus:[],permissions:[],settings:{},microApps:[],microAppsInstance:new Map,initData:void 0,loadMicroApp:void 0,getDefaultLocale(){return e.storage.getItem(e.storage.localeKey)||e.config?.locale||navigator.language||`zh-CN`},getDefaultTheme(){let t=e.storage.getItem(e.storage.themeKey);if(t)return t;let n=e.config?.theme;if(n)return n;let r=window.matchMedia(`(prefers-color-scheme: dark)`);return r.matches&&r.matches?`dark`:`light`},getRedirectPath(){let t=e.config.defaultPath;if(t)return t;let n=new URLSearchParams(window.location.search),r=e.config.redirectField||`redirect`;return decodeURIComponent(n.get(r)||``)||`/`},pageToLogin(){e.storage.removeItem(e.storage.tokenKey),e.store.getState().resetUserInfo();let t=location.pathname,n=e.config.loginPath,r=e.config.redirectField||`redirect`,i=t===n?n:`${n}?${r}=${encodeURIComponent(t||`/`)}`;e.router.navigate(i,{replace:!0}),e.app.unmountMicroApp()},unmountMicroApp(t){t?t.forEach(t=>{let n=e.app.microAppsInstance.get(t);n&&(n.unmount(),e.app.microAppsInstance.delete(t),e.app.microApps=e.app.microApps.filter(e=>e.name!==t))}):(e.app.microAppsInstance.forEach(e=>e.unmount()),e.app.microAppsInstance.clear(),e.app.microApps=[])}},t)}},C={layout:{height:`100vh`,display:`flex`,flexDirection:`column`,background:`#f5f7fb`},header:{height:64,padding:`0 24px`,background:`#fff`,borderBottom:`1px solid #e5e7eb`,display:`flex`,alignItems:`center`,justifyContent:`space-between`,boxShadow:`0 2px 8px rgba(0,0,0,0.04)`,zIndex:10},logo:{fontSize:20,fontWeight:700,color:`#1677ff`,cursor:`pointer`,userSelect:`none`},logoutBtn:{height:36,padding:`0 16px`,border:`none`,borderRadius:8,background:`#ff4d4f`,color:`#fff`,cursor:`pointer`,transition:`0.2s`},main:{flex:1,display:`flex`,overflow:`hidden`},sidebar:{width:240,padding:16,background:`#fff`,borderRight:`1px solid #e5e7eb`,overflowY:`auto`},content:{flex:1,padding:20,overflowY:`auto`},contentCard:{minHeight:`100%`,padding:24,background:`#fff`,borderRadius:16,boxShadow:`0 2px 12px rgba(0,0,0,0.04)`},menuItem:{marginBottom:4},menuTitle:{height:42,padding:`0 14px`,display:`flex`,alignItems:`center`,borderRadius:10,color:`#1f2937`,cursor:`pointer`,transition:`0.2s`},menuChildren:{marginLeft:12,paddingLeft:12,borderLeft:`1px solid #e5e7eb`}},w=({items:e=[]})=>{let t=o(),n=s();return e?.length?e.map(e=>{let{key:r,name:i,path:a,children:o,hideInMenu:s=!1}=e;if(s)return null;let c=o&&o.filter(e=>!e.hideInMenu).length>0,d=t.pathname===a,f=e=>{d||(e.currentTarget.style.background=`#f3f4f6`)},p=e=>{d||(e.currentTarget.style.background=`transparent`)},m=()=>{c||n(a)};return u(`div`,{style:C.menuItem,children:[l(`div`,{style:{...C.menuTitle,...d?{background:`#e8f3ff`,color:`#1677ff`}:{},...c?{cursor:`not-allowed`}:{}},onMouseEnter:f,onMouseLeave:p,onClick:m,children:i}),c&&l(`div`,{style:C.menuChildren,children:l(w,{items:o})})]},r)}):null},T=()=>{let t=s(),n=o(),i=()=>{t(`/`)},c=()=>{g.app.pageToLogin()};return r(()=>{if(!g.app.user||Object.keys(g.app.user).length===0)return c();t(n.pathname)},[n.pathname]),u(`div`,{style:C.layout,children:[u(`header`,{style:C.header,children:[l(`div`,{style:C.logo,onClick:i,children:`Logo`}),l(`button`,{style:C.logoutBtn,onClick:c,onMouseEnter:e=>{e.currentTarget.style.opacity=`0.75`},onMouseLeave:e=>{e.currentTarget.style.opacity=`1`},children:`退出登录`})]}),u(`div`,{style:C.main,children:[l(`aside`,{style:C.sidebar,children:l(w,{items:g.app.menus||[]})}),l(`main`,{style:C.content,children:l(`div`,{style:C.contentCard,children:l(e,{fallback:g.components.renderComponent(`Loading`,{isSuspense:!0}),children:l(a,{})})})})]})]})},E=({isInitData:e=!1,isSuspense:t=!1,isMicroApp:n=!1})=>l(`div`,{style:e?{width:`100%`,height:`100%`,display:`flex`,alignItems:`center`,justifyContent:`center`}:{},children:`Loading...`}),D={page:{height:`100vh`,display:`flex`,flexDirection:`column`,justifyContent:`center`,alignItems:`center`,gap:16},btn:{height:36,padding:`0 60px`,border:`none`,borderRadius:8,background:`#1677ff`,color:`#fff`,cursor:`pointer`,transition:`0.2s`}},O=()=>{let[e,t]=i(!1);return u(`div`,{style:D.page,children:[l(`h2`,{children:`欢迎登录系统`}),l(`button`,{style:D.btn,onClick:async()=>{if(e)return;t(()=>!0),await new Promise(e=>setTimeout(()=>e(!0),500)),t(()=>!1),g.storage.setItem(g.storage.tokenKey,`123456`);let n=g.app.getRedirectPath();g.router.navigate(n,{replace:!0}),await g.app.initData?.()},onMouseEnter:e=>{e.currentTarget.style.opacity=`0.75`},onMouseLeave:e=>{e.currentTarget.style.opacity=`1`},children:e?`登录中...`:`登录`})]})};var k=n(({name:e,rootId:t})=>{let[n,i]=f(g.store,p(e=>[e.microAppLoading,e.setMicroAppLoading]));return r(()=>{if(!e)return;let t=g.app.microAppsInstance.get(e);if(t)t?.mount();else{let n=g.app.microApps.find(t=>t.name===e);if(!n)return;i(!0),t=g.app.loadMicroApp?.(n,{},g.config.lifeCycles),t?.mountPromise?.finally(()=>{i(!1)}),g.app.microAppsInstance.set(e,t)}return()=>{t?.unmount()}},[e]),u(c,{children:[n&&g.components.renderComponent(`Loading`,{isMicroApp:!0}),l(`main`,{id:t})]})});const A=`components`,j={name:A,install(e,n={}){e[A]=b({Layout:T,Loading:E,Login:O,Microapp:k,setComponent:(t,n)=>{if(!t){console.error(`SDKComponentsPlugin - Component cannot be empty`);return}let r=n||t.displayName||t.name;if(!r){console.error(`SDKComponentsPlugin - Component name cannot be empty`);return}e.components[r]=t},getComponent:t=>t?e.components[t]:(console.error(`SDKComponentsPlugin - Component name cannot be empty`),null),renderComponent:(n,r={})=>{let i=e.components.getComponent(n);return i?t(i,r):(console.error(`SDKComponentsPlugin - Component ${n} not found`),null)}},n)}},M=`config`,N={name:M,install(e,t){e[M]=b({env:{},theme:``,locale:``,loginPath:`/login`,defaultPath:``,redirectField:`redirect`,lifeCycles:{beforeLoad:e=>console.log(`[LifeCycle] before load`,e.name),beforeMount:e=>console.log(`[LifeCycle] before mount`,e.name),afterUnmount:e=>console.log(`[LifeCycle] after unmount`,e.name)}},t)}},P=`i18n`,F={name:P,install(e,t){e[P]=b({},t)}},I=`router`,L={name:I,install(e,t){e[I]=b({location:null,navigate:null,matches:null},t)}},R=`storage`,z={name:R,install(e,t){e[R]=b({localeKey:`locale`,themeKey:`theme`,tokenKey:`token`,setItem(e,t){localStorage.setItem(e,t)},getItem(e){return localStorage.getItem(e)},removeItem(e){localStorage.removeItem(e)},clear(){localStorage.clear()}},t)}},B=(e,t)=>({locale:``,setLocale:t=>{e(()=>({locale:t})),g.config.locale=t,g.storage.setItem(g.storage.localeKey,t),document.documentElement.setAttribute(`lang`,t)}}),V=(e,t)=>({microAppLoading:!1,setMicroAppLoading:t=>e(()=>({microAppLoading:t}))}),H=(e,t)=>({theme:``,setTheme:t=>{e(()=>({theme:t})),g.config.theme=t,g.storage.setItem(g.storage.themeKey,t),document.documentElement.setAttribute(`theme`,t)}}),U={user:null,menus:[],permissions:[],settings:{}},W=(e,t)=>({userInfo:U,setUserInfo:t=>{e(()=>({userInfo:t})),g.app={...g.app,...t}},resetUserInfo:()=>{e(()=>({userInfo:U})),g.app={...g.app,...U}}}),G=e=>d()(m((...t)=>({...B(...t),...V(...t),...H(...t),...W(...t),...Object.values(e||{}).reduce((e,n)=>({...e,...n(...t)}),{})}))),K=`store`,q={name:K,install(e,t={}){e[K]=G(t)}};export{_ as SDKApiPlugin,S as SDKAppPlugin,j as SDKComponentsPlugin,N as SDKConfigPlugin,h as SDKCore,F as SDKI18nPlugin,L as SDKRouterPlugin,z as SDKStoragePlugin,q as SDKStorePlugin,g as sdk};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zxiaosi/sdk",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.3",
   "description": "A micro frontend kit",
   "keywords": [
     "micro frontend",
@@ -21,8 +21,7 @@
   "types": "dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
-    "./package.json": "./package.json",
-    "./style.css": "./dist/style.css"
+    "./package.json": "./package.json"
   },
   "publishConfig": {
     "access": "public",
@@ -32,39 +31,19 @@
     "build": "tsdown",
     "dev": "tsdown --watch"
   },
-  "dependencies": {
-    "axios": "^1.13.6"
-  },
+  "dependencies": {},
   "devDependencies": {
-    "@tsdown/css": "^0.21.6",
+    "@tsdown/css": "^0.22.3",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    "es-toolkit": "^1.45.1",
-    "tsdown": "^0.21.6",
+    "es-toolkit": "^1.47.1",
+    "tsdown": "^0.22.3",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
-    "qiankun": "^2.10.16",
     "react": "^18.3.1 || >=19.0.0",
     "react-dom": "^18.3.1 || >=19.0.0",
     "react-router-dom": "^6.30.0",
     "zustand": "^5.0.0"
-  },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": false
-    },
-    "react-dom": {
-      "optional": false
-    },
-    "react-router-dom": {
-      "optional": false
-    },
-    "qiankun": {
-      "optional": true
-    },
-    "zustand": {
-      "optional": true
-    }
   }
 }

package/dist/style.css

@@ -1 +0,0 @@
-:root[theme=dark]{--sdk-bg-color:#141414;--sdk-text-color:#ffffffd9;--sdk-border-color:#ffffff26}:root[theme=light]{--sdk-bg-color:#fff;--sdk-text-color:#000000d9;--sdk-border-color:#00000026}.sdk-layout{height:100vh;color:var(--sdk-text-color);background:var(--sdk-bg-color)}.sdk-layout-header{border-bottom:1px solid var(--sdk-border-color);box-sizing:border-box;justify-content:space-between;align-items:center;height:64px;padding:0 24px;line-height:64px;display:flex}.sdk-layout-content{height:calc(100vh - 64px);display:flex}.sdk-layout-menu{box-sizing:border-box;border-right:1px solid var(--sdk-border-color);width:200px;height:100%;margin:0;padding:8px;list-style:none}.sdk-layout-outlet{flex:1;padding:24px;overflow:auto}.sdk-layout-menu-item{margin-bottom:6px}.sdk-layout-menu-item-title{padding:8px 12px}.sdk-layout-menu-item-title:hover{color:#1677ff;cursor:pointer;background:#e6f4ff}.sdk-layout-menu-sub{margin:0;padding:0;list-style:none}.sdk-layout-menu-sub .sdk-layout-menu-item-title{margin-top:8px;padding-left:24px}.sdk-loading-init{width:100%;height:100%;color:var(--sdk-text-color);background-color:var(--sdk-bg-color);justify-content:center;align-items:center;display:flex}.sdk-login{width:100vw;height:100vh;color:var(--sdk-text-color);background:var(--sdk-bg-color);justify-content:center;align-items:center;display:flex}.sdk-login-form{border-radius:8px;flex-direction:column;width:300px;padding:23px;display:flex;box-shadow:0 0 10px #0000004d}.sdk-login-form-group{align-items:flex-start;margin-bottom:24px;display:flex}.sdk-login-form-group>label{width:70px}.sdk-login-form-group-input{flex:1}.sdk-login-form-group-input>input{box-sizing:border-box;width:230px;padding:4px 11px;font-size:16px}.sdk-login-form-btn{padding:4px 11px}.sdk-notfound{width:100%;height:100%;color:var(--sdk-text-color);background-color:var(--sdk-bg-color);justify-content:center;align-items:center;display:flex}