@kordar/easyui-tpl

基于 rc-easyui 和 @kordar 系列库的后台模板工程。内置布局、菜单/标签联动、权限与国际化示例，可作为业务项目的起步模板。

特性

• 布局：BaseLayout（头部工具区 + 侧边栏 + 标签页 + 内容区）
• 列表与表单：useLocalTable/useRemoteTable、PaginationPanel、通用表单工具
• 权限：基于 @kordar-lib/base 的权限校验与按钮显隐
• 国际化：@kordar-lib/i18n 集成 + 示例语言包（en/zh_CN）
• 示例路由：用户/角色/权限/字典/路由/设置等页面

安装

npm install

开发

npm run -w @kordar/easyui-tpl dev

默认入口：/examples/main.tsx（Vite）

构建

npm run -w @kordar/easyui-tpl build

产物输出到 dist（包含 ESM、CJS 与 index.min.css）。

关键依赖（外部）

• React 生态：react、react-dom、react-router、react-router-dom、react-i18next
• UI：rc-easyui、rc-drawer、@kordar/easyui、@kordar/react-screen
• 工具：axios、lodash-es
• Kordar 库：@kordar-lib/base、common、crud、i18n、menus、reducers、request

样式

示例样式在 examples/example.scss 中已引入：

@import '@kordar-lib/iconfont/dist/index.min.css';
@import '@kordar/easyui/dist/index.min.css';
@import '@kordar/react-screen/dist/index.min.css';

index.html 会按本地持久化主题加载 rc-easyui 主题与 react.css。

初始化（示例）

examples/init.ts 展示了语言包与请求初始化的方式。你可以按需接入实际后端接口，完善登录、菜单、权限等配置。

目录

• src/components：基础组件（布局、工具条、提示等）
• src/composable：通用 Hook（启动器、表格、标签页联动等）
• src/service：Admin/Rbac/Resource 等服务封装
• src/views：页面示例（含搜索、表格、表单/对话框）
• examples：演示应用（路由、Store、入口）

许可证

MIT