{"_id":"@aloudata/big-framework","_rev":"4-7d36fab6bc21bf42146b9f805445618f","name":"@aloudata/big-framework","dist-tags":{"beta":"0.0.1","latest":"0.0.1"},"versions":{"0.0.1":{"name":"@aloudata/big-framework","version":"0.0.1","author":{"name":"aloudata"},"license":"MIT","_id":"@aloudata/big-framework@0.0.1","maintainers":[{"name":"s6-ht","email":"hting1811@163.com"},{"name":"yuanfeng.liu","email":"yuanfeng.liu@aloudata.com"},{"name":"lvhh","email":"haohua.lv@qq.com"},{"name":"xiuji_lee","email":"daxen1003@163.com"},{"name":"muzialoudata","email":"muzi.li@aloudata.com"},{"name":"xiuwen200","email":"1455483468@qq.com"},{"name":"mattuy_dy","email":"chengxiang.yang@aloudata.com"}],"dist":{"shasum":"234447dfc73da487f459f9f5bef170d424a43c21","tarball":"https://registry.npmjs.org/@aloudata/big-framework/-/big-framework-0.0.1.tgz","fileCount":98,"integrity":"sha512-ySph+lBS8Jshtj3rsknljz1bITi7TqpQQ6lil2ausaC9Rfj5U9fsCwwHHja3aV70CDssjUaApoWwGg+g+CqCNA==","signatures":[{"sig":"MEUCIB8WItJmt45f6IDXXLISO/Wy3l4VJrZ2W3eDHLT+j+IDAiEAsDX8inx5H/1TN/KYOXOT/pSFGzxlZmmPKbIsJrZr8zo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":49136334},"main":"./dist/index.umd.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.es.js","gitHead":"f9a6122db2f3d307320f13df7fc8872380fb5946","private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"vite build --mode lib","preview":"vite preview"},"_npmUser":{"name":"xiuwen200","email":"1455483468@qq.com"},"_npmVersion":"11.4.1","description":"基于 Module Federation 的统一微前端集成框架","directories":{},"_nodeVersion":"22.16.0","dependencies":{"jotai":"^2.12.4","ahooks":"^3.9.5","lodash":"^4.17.21","react-toastify":"^10.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","vite-plugin-dts":"^3.0.0","react-router-dom":"^6.8.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","react-router-dom":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/big-framework_0.0.1_1767686270620_0.48553851778619816","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-01-06T07:57:50.539Z","modified":"2026-04-08T03:12:51.198Z","0.0.1":"2026-01-06T07:57:51.314Z"},"author":{"name":"aloudata"},"license":"MIT","description":"基于 Module Federation 的统一微前端集成框架","maintainers":[{"email":"hting1811@163.com","name":"s6-ht"},{"email":"yuanfeng.liu@aloudata.com","name":"yuanfeng.liu"},{"email":"haohua.lv@qq.com","name":"lvhh"},{"email":"leeshiman8080@gmail.com","name":"xiuji__lee"},{"email":"muzi.li@aloudata.com","name":"muzialoudata"},{"email":"chengxiang.yang@aloudata.com","name":"mattuy_dy"}],"readme":"# @aloudata/big-framework\n\nAloudata Big Framework 是一个基于React的微前端框架和组件库，提供了完整的应用管理、路由管理、权限控制等功能。\n\n## 安装\n\n```bash\nnpm install @aloudata/big-framework\n# 或\nyarn add @aloudata/big-framework\n```\n\n## 同等依赖\n\n请确保您的项目中已安装以下依赖：\n\n```bash\nnpm install react react-dom react-router-dom\n```\n\n## 基本使用\n\n### 1. 导入主应用组件\n\n```tsx\nimport React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { App } from '@aloudata/big-framework';\nimport '@aloudata/big-framework/styles';\n\nconst root = ReactDOM.createRoot(document.getElementById('root')!);\nroot.render(<App />);\n```\n\n### 2. 使用单独的组件\n\n```tsx\nimport {\n  MainLayout,\n  AppRouter,\n  PermissionGate,\n  NoPermissionPage,\n} from '@aloudata/big-framework';\n\nfunction MyApp() {\n  return (\n    <MainLayout>\n      <PermissionGate permissions={['read', 'write']}>\n        <AppRouter />\n      </PermissionGate>\n    </MainLayout>\n  );\n}\n```\n\n### 3. 使用Hooks\n\n```tsx\nimport {\n  useAppManager,\n  useRouteManager,\n  usePermissions,\n} from '@aloudata/big-framework';\n\nfunction MyComponent() {\n  const appManager = useAppManager();\n  const routeManager = useRouteManager();\n  const { hasPermission } = usePermissions();\n\n  // 使用管理器功能\n  const apps = appManager.getStatistics();\n  const routes = routeManager.getStatistics();\n\n  return <div>{hasPermission('admin') && <AdminPanel />}</div>;\n}\n```\n\n## API 文档\n\n### 组件\n\n- `App` - 主应用组件，包含完整的应用初始化逻辑\n- `MainLayout` - 主布局组件\n- `AppRouter` - 应用路由组件\n- `PermissionGate` - 权限网关组件\n- `NoPermissionPage` - 无权限页面组件\n- `ErrorBoundary` - 错误边界组件\n- `FullScreenLoading` - 全屏加载组件\n\n### Hooks\n\n- `useAppManager` - 应用管理器Hook\n- `useRouteManager` - 路由管理器Hook\n- `usePermissions` - 权限管理Hook\n- `useIframeMessenger` - Iframe消息通信Hook\n\n### 管理器\n\n- `AppManager` - 统一应用管理器\n- `RouteManager` - 路由管理器\n\n## 特性\n\n- 🚀 基于React 18和TypeScript\n- 📦 支持微前端应用集成\n- 🔒 完整的权限控制系统\n- 🎨 丰富的UI组件\n- 📱 响应式设计\n- 🔧 完整的TypeScript支持\n\n## 开发\n\n```bash\n# 安装依赖\nnpm install\n\n# 开发模式\nnpm run dev\n\n# 构建库\nnpm run build:lib\n\n# 发布\nnpm publish\n```\n\n## 许可证\n\nMIT\n","readmeFilename":"README.md"}