Shrimp 框架前端 — 一种消费 ShrimpServer + ShrimpTable 契约的经典 Vue3 +
Element Plus 实现。不是框架本身,只是按 shrimp-server 约定写的一份参考解法。
包含:
- ShrimpClient + VueAdmin(factory:createShrimpAdmin)
- 5 个 Shrimp* 组件 + 10 个内置 Field*.vue + PowerTree + LangSwitch
- 4 个内置模块:user / role / operationLog / FieldRelativeTime
- 完整后台壳 views(layout/login/sideM/topbar/userbar/navMenu/App/404/logo)
- composables/useTableUrlSync, locales(zh-cn/en 框架默认), style 全套
API 改造:
- createShrimpAdmin({ config, moduleSources, customFields, locales }) factory
- vueAdmin 改为 Proxy 单例,createShrimpAdmin 调用前访问会抛错
- import.meta.glob 业务字段/模块由消费侧传入(vite 静态扫描机制限制)
- 框架默认 locales 与消费侧 locales 在 i18n 初始化时合并
源码 ship 不打包,消费侧靠 vite 直接吃 .ts/.vue。
43 lines
1.2 KiB
JSON
43 lines
1.2 KiB
JSON
{
|
|
"name": "shrimp-admin",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"description": "Shrimp 框架前端 — 消费 ShrimpServer + ShrimpTable 契约的经典 Vue3 + Element Plus 实现",
|
|
"main": "src/index.ts",
|
|
"types": "src/index.ts",
|
|
"exports": {
|
|
".": {
|
|
"types": "./src/index.ts",
|
|
"default": "./src/index.ts"
|
|
},
|
|
"./style": "./src/style/style.scss",
|
|
"./package.json": "./package.json"
|
|
},
|
|
"files": [
|
|
"src",
|
|
"README.md"
|
|
],
|
|
"dependencies": {
|
|
"shrimp-server": "git+http://git.zeromvc.com/wc24/shrimp-server.git#v0.5.0"
|
|
},
|
|
"peerDependencies": {
|
|
"vue": "^3.3.0",
|
|
"vue-router": "^4.0.0",
|
|
"vue-i18n": "^9.0.0",
|
|
"axios": "^1.0.0",
|
|
"element-plus": "^2.0.0",
|
|
"@element-plus/icons-vue": "^2.0.0"
|
|
},
|
|
"devDependencies": {
|
|
"@types/node": "^20.0.0",
|
|
"typescript": "^5.3.0",
|
|
"vite": "^4.4.5",
|
|
"vue": "^3.3.4",
|
|
"vue-router": "^4.1.6",
|
|
"vue-i18n": "^9.1.9",
|
|
"axios": "^1.3.4",
|
|
"element-plus": "^2.10.4",
|
|
"@element-plus/icons-vue": "^2.1.0"
|
|
}
|
|
}
|