adspecs 0.1.12

package/references/front-demo/.claude/skills/generate-vue3-page/SKILL.md

@@ -0,0 +1,145 @@
+---
+name: generate-vue3-page
+description: 生成 sie-front-demo 的 Vue3 页面、列表页、表单页、流程页和动态表单入口。Use when the user asks to generate pages, add business pages, create list/form pages, or build pages from API/config requirements in this repository.
+---
+
+# Generate Vue3 Page
+
+## 适用场景
+
+当用户要求：
+
+- 生成页面、新增页面、开发列表页、开发表单页。
+- 根据接口、配置、PRD 或描述生成前端页面。
+- 接入 `@gushen` 表格、查询栏、上传、动态表单或流程页面。
+
+## 必读文件
+
+执行前按顺序读取：
+
+1. `claude.md`
+2. `.claude/rules/INDEX.md`
+3. `.claude/rules/project-overview.md`
+4. `.claude/rules/page-development-rules.md`
+5. `.claude/rules/gushen-components.md`
+6. `.claude/rules/api-i18n-rules.md`
+7. `.claude/rules/page-template-index.md`
+
+如果涉及某个 `@gushen` 组件，继续读取 `node_modules/@gushen/gushen-common-components/src/packages/components/<组件名>`。
+
+## 工作流程
+
+1. 明确页面类型：
+   - 列表页
+   - 表单页
+   - 列表 + 表单弹窗
+   - 流程表单页
+   - 动态表单入口
+2. 选择模板：
+   - 从 `page-template-index.md` 选择唯一模板模式
+   - 基础表单、CRUD、树表、Tab 中心、模板中心、日志分析等都在同一个模板索引中选择
+   - API 按 `page-template-index.md` 的 API 模板模式生成
+3. 规划文件：
+   - API：`src/api/<module>/<page>/index.ts`
+   - 页面：`src/views/<menuUrl>/index.vue`，通常与后台菜单 `menuUrl` / `originalAddr` 对齐
+   - 子组件：`src/views/<module>/<page>/components/*.vue`
+   - 列配置：`src/views/<module>/<page>/config/gridConfig.ts`
+   - 语言包：`src/lang/modules/<module>/<locale>.ts`
+   - 路由：普通业务页通常由 `src/permission.ts` 动态加载；仅壳内固定页修改 `src/router/index.ts`
+4. 生成实现：
+   - 新页面优先 `script setup lang="ts"`
+   - 表格优先用 `GsCustomizeTable` / `<gs-table>`
+   - 保存/更新按 `{ params }` 包装
+   - 用户可见文案进入语言包
+   - 复杂弹窗或业务选择器拆成子组件
+5. 验证：
+   - 检查新文件诊断
+   - 需要时运行 `npm run type-check`
+   - 页面涉及构建风险时运行 `npm run build`
+
+## 列表页生成骨架
+
+```text
+src/views/<module>/<page>/
+├── index.vue
+├── components/
+└── config/
+    └── gridConfig.ts
+```
+
+列表页必须包含：
+
+- 查询参数状态。
+- 表格 ref。
+- 远程数据请求或 `queryUrl` / `queryParams`。
+- 操作列处理。
+- 外部查询时更新 `queryParams.params.params` 并调用 `outSearch(false)`；普通刷新调用 `refresh(true)`。
+- loading 防重复操作。
+
+## 页面模板模式
+
+生成前先从 `page-template-index.md` 选择一种模式：
+
+- 查询栏 + 高级表格 + 弹窗表单
+- 单表 CRUD + 导入导出
+- 左树右详情 Tab
+- 左列表右内联编辑
+- 权限控制多 Tab 中心
+- 动态组件配置中心
+- 分段抽屉表单
+- 调度任务与 Cron 配置
+- 日志列表 + 详情抽屉 + 分析面板
+- 开放 API 列表 + 编辑页切换
+- 权限矩阵/授权选择器
+- 规则设计 / 多模式编辑器
+
+不要把外部参考工程的路径写入生成结果；只使用模式名称、目标工程路径和当前工程组件。
+
+## 表单页生成骨架
+
+```text
+src/views/<module>/<page>/
+├── index.vue
+└── components/
+    └── BasicForm.vue
+```
+
+表单页必须包含：
+
+- 新增/编辑/查看模式。
+- 回显加载。
+- 保存或更新。
+- 表单校验。
+- 只读控制。
+
+## 流程页契约
+
+流程页面必须按需实现：
+
+- `get_process_variables()`
+- `ap_save()`
+- `isSubmit`
+- `editStatus`
+- `bpm_businessKey`
+- `taskServiceParams`
+
+
+##  测试数据
+
+这是一个demo原型项目，用于产品经理做需求分析和原型设计，新增页面全部使用测试数据接口，测试数据仅用于演示和验证功能。
+测试数据规范：
+- 生成时不要写死测试数据；使用 `mockjs` 生成随机数据，或从接口文档中提取示例数据。
+- 生成后在本地运行页面，确认数据正常显示和交互。
+- 测试数据场景完整覆盖新增、编辑、查询、分页、空数据等常见情况。
+- 每个场景至少包含 5 条记录，确保表格和分页功能得到充分测试。最少要有25条记录。
+
+
+## 交付检查清单
+
+- [ ] 已读取相关规则。
+- [ ] 选择的模板与页面类型匹配。
+- [ ] 页面已选择 `page-template-index.md` 中的模式。
+- [ ] API、页面、语言包、路由同步完整。
+- [ ] `@gushen` 组件用法来自规则或源码。
+- [ ] 无硬编码用户文案。
+- [ ] 无新增类型诊断。

package/references/front-demo/.editorconfig

@@ -0,0 +1,9 @@
+[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue,css,scss,sass,less,styl}]
+charset = utf-8
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+end_of_line = lf
+max_line_length = 100

package/references/front-demo/.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

package/references/front-demo/.playwright-mcp/page-2026-06-10T08-21-21-503Z.yml

@@ -0,0 +1,7 @@
+- generic [active]:
+  - img
+  - generic [ref=e1]:
+    - generic "Toggle devtools panel" [ref=e2] [cursor=pointer]:
+      - img [ref=e3]
+    - generic "Toggle Component Inspector" [ref=e8] [cursor=pointer]:
+      - img [ref=e9]

package/references/front-demo/.playwright-mcp/page-2026-06-10T10-02-33-237Z.yml

@@ -0,0 +1,4 @@
+- generic [active]:
+  - img
+  - generic "Toggle devtools panel" [ref=e2] [cursor=pointer]:
+    - img [ref=e3]

package/references/front-demo/.prettierrc.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 100
+}

package/references/front-demo/README.md

@@ -0,0 +1,39 @@
+# crm-platform-ui
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+npm run build
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+npm run lint
+```

package/references/front-demo/auto-imports.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+
+}

package/references/front-demo/build-log.txt

@@ -0,0 +1,214 @@
+vite v6.4.3 building for production...
+transforming...
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+
+More info and automated migrator: https://sass-lang.com/d/import
+
+  ╷
+1 │ @import "mixin";
+  │         ^^^^^^^
+  ╵
+    src\styles\index.scss 1:9  root stylesheet
+
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+
+More info and automated migrator: https://sass-lang.com/d/import
+
+  ╷
+2 │ @import "global";
+  │         ^^^^^^^^
+  ╵
+    src\styles\index.scss 2:9  root stylesheet
+
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+
+More info and automated migrator: https://sass-lang.com/d/import
+
+  ╷
+3 │ @import "variables";
+  │         ^^^^^^^^^^^
+  ╵
+    src\styles\index.scss 3:9  root stylesheet
+
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+
+More info and automated migrator: https://sass-lang.com/d/import
+
+  ╷
+4 │ @import "transition";
+  │         ^^^^^^^^^^^^
+  ╵
+    src\styles\index.scss 4:9  root stylesheet
+
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+
+More info and automated migrator: https://sass-lang.com/d/import
+
+  ╷
+5 │ @import "theme/black";
+  │         ^^^^^^^^^^^^^
+  ╵
+    src\styles\index.scss 5:9  root stylesheet
+
+node_modules/@vueuse/core/dist/index.js (3362:0): A comment
+
+"/* #__PURE__ */"
+
+in "node_modules/@vueuse/core/dist/index.js" contains an annotation that Rollup cannot interpret due to the position of the comment. The comment will be removed to avoid issues.
+node_modules/@vueuse/core/dist/index.js (5780:22): A comment
+
+"/* #__PURE__ */"
+
+in "node_modules/@vueuse/core/dist/index.js" contains an annotation that Rollup cannot interpret due to the position of the comment. The comment will be removed to avoid issues.
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+
+More info and automated migrator: https://sass-lang.com/d/import
+
+  ╷
+3 │ @import './styles/index.scss';
+  │         ^^^^^^^^^^^^^^^^^^^^^
+  ╵
+    src\views\layout\components\chatGPT\index.vue 3:9  root stylesheet
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+
+More info and automated migrator: https://sass-lang.com/d/import
+
+  ╷
+2 │ @import '@/styles/mixin.scss';
+  │         ^^^^^^^^^^^^^^^^^^^^^
+  ╵
+    src\views\layout\components\Navbar\components\Theme.vue 2:9  root stylesheet
+
+
+~@/assets/images/noData.png referenced in ~@/assets/images/noData.png didn't resolve at build time, it will remain unchanged to be resolved at runtime
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+
+[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
+

package/references/front-demo/claude.md

@@ -0,0 +1,62 @@
+# CLAUDE.md - sie-front-demo 前端规范入口
+
+本文件是 Claude Code / AI Agent 在 `sie-front-demo` 仓库工作的规则入口。
+
+## 必读原则
+
+在生成或修改页面、组件、API、语言包之前，先按任务类型读取 `.claude/rules/INDEX.md` 中列出的对应规则文件。不要仅凭记忆生成 `@gushen` 组件用法；涉及组件 API 时，优先参考 `node_modules/@gushen/*/src` 源码和本规则。
+
+## 项目概况
+
+| 项目 | 值 |
+|---|---|
+| 仓库名 | `sie-front-demo` |
+| 框架 | Vue 3 + TypeScript + Element Plus |
+| 构建工具 | Vite |
+| 状态管理 | Pinia（兼容 PiniaToVuex 写法） |
+| 路由 | Vue Router 4 |
+| 国际化 | `src/lang`，覆盖 `zh-cn`、`en-us`、`zh-tw` 等多语言模块 |
+| 公共组件 | `@gushen/gushen-common-components` 全局注册 |
+| 动态表单 | `@gushen/gushen-form-render` 依赖存在，当前插件注册默认注释 |
+| 菜单路由 | 静态路由少，业务页主要由 `src/permission.ts` 按后台菜单动态加载 |
+
+## 规则索引
+
+完整索引见 `.claude/rules/INDEX.md`。
+
+| 规则文件 | 适用场景 |
+|---|---|
+| `.claude/rules/project-overview.md` | 了解工程结构、入口、路由、全局注册 |
+| `.claude/rules/gushen-components.md` | 使用 `@gushen` 组件、表格、查询栏、上传、选择器 |
+| `.claude/rules/page-development-rules.md` | 新增列表页、表单页、流程页、动态表单页 |
+| `.claude/rules/api-i18n-rules.md` | 新增 API、请求参数、成功判断、多语言文案 |
+| `.claude/rules/page-template-index.md` | 统一页面模板索引（基础表单、CRUD、树表、Tab 中心、模板中心、日志分析等） |
+
+## 技能工具
+
+| 技能 | 触发词 | 说明 |
+|---|---|---|
+| `generate-vue3-page` | 生成页面、新增页面、根据接口/配置生成页面、开发列表页、开发表单页 | 按当前工程模板生成 Vue3 页面、API、路由和语言包修改建议 |
+
+## 常用命令
+
+```bash
+npm run dev
+npm run build
+npm run type-check
+npm run lint
+```
+
+## 关键路径
+
+| 类型 | 路径 |
+|---|---|
+| 应用入口 | `src/main.ts` |
+| 插件与全局属性 | `src/core/initMain.ts` |
+| 路由 | `src/router/index.ts` |
+| 动态菜单路由 | `src/permission.ts` |
+| 本地全局组件注册 | `src/components/global-register.ts` |
+| 页面目录 | `src/views` |
+| API 目录 | `src/api` |
+| 语言包 | `src/lang`、`src/lang/modules` |
+| Gushen 组件源码参考 | `node_modules/@gushen/gushen-common-components/src/packages/components` |

package/references/front-demo/components.d.ts

@@ -0,0 +1,95 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+// biome-ignore lint: disable
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    ActionButtons: typeof import('./src/components/ActionButtons.vue')['default']
+    AttachmentList: typeof import('./src/components/GsUpload/attachmentList.vue')['default']
+    Copper: typeof import('./src/components/GsUpload/copper.vue')['default']
+    ElAlert: typeof import('element-plus/es')['ElAlert']
+    ElAutocomplete: typeof import('element-plus/es')['ElAutocomplete']
+    ElBadge: typeof import('element-plus/es')['ElBadge']
+    ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
+    ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCard: typeof import('element-plus/es')['ElCard']
+    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElCol: typeof import('element-plus/es')['ElCol']
+    ElCollapse: typeof import('element-plus/es')['ElCollapse']
+    ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
+    ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
+    ElContainer: typeof import('element-plus/es')['ElContainer']
+    ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
+    ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
+    ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElDivider: typeof import('element-plus/es')['ElDivider']
+    ElDrawer: typeof import('element-plus/es')['ElDrawer']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+    ElEmpty: typeof import('element-plus/es')['ElEmpty']
+    ElFooter: typeof import('element-plus/es')['ElFooter']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElHeader: typeof import('element-plus/es')['ElHeader']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElIconArrowDown: typeof import('@element-plus/icons-vue')['ArrowDown']
+    ElIconArrowLeft: typeof import('@element-plus/icons-vue')['ArrowLeft']
+    ElIconCaretBottom: typeof import('@element-plus/icons-vue')['CaretBottom']
+    ElIconClose: typeof import('@element-plus/icons-vue')['Close']
+    ElIconDArrowLeft: typeof import('@element-plus/icons-vue')['DArrowLeft']
+    ElIconDArrowRight: typeof import('@element-plus/icons-vue')['DArrowRight']
+    ElIconDelete: typeof import('@element-plus/icons-vue')['Delete']
+    ElIconEdit: typeof import('@element-plus/icons-vue')['Edit']
+    ElIconMessage: typeof import('@element-plus/icons-vue')['Message']
+    ElIconPlus: typeof import('@element-plus/icons-vue')['Plus']
+    ElIconSearch: typeof import('@element-plus/icons-vue')['Search']
+    ElIconView: typeof import('@element-plus/icons-vue')['View']
+    ElIconWarning: typeof import('@element-plus/icons-vue')['Warning']
+    ElImage: typeof import('element-plus/es')['ElImage']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
+    ElLink: typeof import('element-plus/es')['ElLink']
+    ElMain: typeof import('element-plus/es')['ElMain']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElPopover: typeof import('element-plus/es')['ElPopover']
+    ElRadio: typeof import('element-plus/es')['ElRadio']
+    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
+    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
+    ElRow: typeof import('element-plus/es')['ElRow']
+    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSkeleton: typeof import('element-plus/es')['ElSkeleton']
+    ElStep: typeof import('element-plus/es')['ElStep']
+    ElSteps: typeof import('element-plus/es')['ElSteps']
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+    ElTabPane: typeof import('element-plus/es')['ElTabPane']
+    ElTabs: typeof import('element-plus/es')['ElTabs']
+    ElTag: typeof import('element-plus/es')['ElTag']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
+    ElUpload: typeof import('element-plus/es')['ElUpload']
+    GsIcon: typeof import('./src/components/GsIcon/index.vue')['default']
+    GsIconDialog: typeof import('./src/components/GsIconDialog/index.vue')['default']
+    GsOverloadText: typeof import('./src/components/GsUpload/GsOverloadText.vue')['default']
+    GsUpload: typeof import('./src/components/GsUpload/index.vue')['default']
+    ImgUpload: typeof import('./src/components/GsUpload/imgUpload.vue')['default']
+    Preview: typeof import('./src/components/GsUpload/preview.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    StatusTag: typeof import('./src/components/StatusTag.vue')['default']
+    SvgIcon: typeof import('./src/components/SvgIcon/index.vue')['default']
+    UploadImg: typeof import('./src/components/UploadImg/index.vue')['default']
+  }
+  export interface GlobalDirectives {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
+}

package/references/front-demo/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/references/front-demo/eslint.config.ts

@@ -0,0 +1,22 @@
+import { globalIgnores } from 'eslint/config'
+import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
+import pluginVue from 'eslint-plugin-vue'
+import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'
+
+// To allow more languages other than `ts` in `.vue` files, uncomment the following lines:
+// import { configureVueProject } from '@vue/eslint-config-typescript'
+// configureVueProject({ scriptLangs: ['ts', 'tsx'] })
+// More info at https://github.com/vuejs/eslint-config-typescript/#advanced-setup
+
+export default defineConfigWithVueTs(
+  {
+    name: 'app/files-to-lint',
+    files: ['**/*.{ts,mts,tsx,vue}'],
+  },
+
+  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),
+
+  pluginVue.configs['flat/essential'],
+  vueTsConfigs.recommended,
+  skipFormatting,
+)

package/references/front-demo/index.html

@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en" id="sie-gushen">
+  <head>
+    <!-- QQ、傲游、360等浏览器默认使用Chromium内核渲染页面 -->
+    <meta name="renderer" content="webkit" />
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <meta http-equiv="pragram" content="no-cache" />
+    <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
+    <meta http-equiv="expires" content="0" />
+    <link rel="icon" href="data:;" />
+    <!-- 空白标题（请求后再变更） -->
+    <title>&lrm;</title>
+    <script src="/config.js?randomId=<%=Math.random()%>"></script>
+    <script src="/apiurls.js?randomId=<%=Math.random()%>"></script>
+  </head>
+  <body class="sie-ecp theme-default">
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>