create-jnrs-vue 2.0.1 → 2.0.3

package/README.md

@@ -33,46 +33,4 @@ pnpm add create-jnrs-vue
 
 ## 🤖 AI Agent 使用说明
 
-- 前置准备
-  - 将业务功能原型图作为生成前端代码的参考图
-  - 从 api 工具（如 ApiFox） 中导出 openapi 文档，或接入其提供的 MCP 服务
-  - 使用 AI Agent 读取并分析当前 `README.md` 文件及 `/AGENTS/README_BASE.md` 文件并作为 IDE AI Agent 的记忆
-- 预置提示词
-  - 保存记忆：`读取并分析当前 README.md 文件及 /AGENTS/README_BASE.md 文件并作为 IDE AI Agent 的记忆`
-  - 生成菜单：`根据提供的菜单原型图，生成菜单`
-  - 生成服务文件：`根据提供的 openapi 文档或 MCP 服务，生成API 服务文件`
-  - 生成增删改查页面文件：`根据提供的界面原型图，生成增删改查页面文件`
-
-## 📂 模板项目主要结构
-
-```Text
-jnrs-vue/
-├── AGENTS/               # AI Agent 规则与提示词
-├── viteMockServe/        # Mock 服务配置
-├── public/               # 静态资源
-├── src/                  # 源码目录
-│   ├── components/       # Vue 组件
-│   ├── composables/      # 组合式函数
-│   ├── layout/           # 布局
-│   ├── views/            # 页面视图
-│   ├── router/           # 路由配置
-│   ├── api/              # 接口定义（已含 request 实例）
-│   ├── types/            # 类型定义
-│   ├── stores/           # 状态管理
-│   ├── utils/            # 工具函数
-│   ├── locales/          # 国际化
-│   └── main.ts           # 应用入口
-├── index.html            # HTML 入口文件
-├── eslint.config.js      # ESLint 配置文件
-├── package.json          # 包管理配置
-└── vite.config.ts        # Vite 构建配置
-├── tsconfig.json         # TypeScript 配置
-├── auto-imports.d.ts     # 自动导入类型声明
-├── components.d.ts       # 全局组件类型声明
-├── README.md             # 项目文档
-├── .env.development      # 开发环境变量
-├── .env.production       # 生产环境变量
-├── .gitignore            # Git 忽略规则
-├── .prettierrc.json      # Prettier 格式化配置
-├── .cspell.json          # Cspell 拼写检查
-```
+详见 `jnrs-vue/AGENTS.md`

package/jnrs-vue/components.d.ts

@@ -11,6 +11,7 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    ElAlert: typeof import('element-plus/es')['ElAlert']
     ElAside: typeof import('element-plus/es')['ElAside']
     ElAvatar: typeof import('element-plus/es')['ElAvatar']
     ElBadge: typeof import('element-plus/es')['ElBadge']

package/jnrs-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jnrs-vue",
-  "version": "1.2.38",
+  "version": "1.2.40",
   "description": "JNRS 信息化管理系统",
   "author": "talia_tan",
   "private": true,
@@ -19,8 +19,8 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.2",
-    "@jnrs/lingshu-smart": "2.2.31",
-    "@jnrs/shared": "1.1.32",
+    "@jnrs/lingshu-smart": "2.2.32",
+    "@jnrs/shared": "1.1.33",
     "@jnrs/vue-core": "1.2.26",
     "@vueuse/core": "^14.1.0",
     "element-plus": "^2.13.3",
@@ -30,7 +30,7 @@
     "vue-i18n": "^11.2.8"
   },
   "devDependencies": {
-    "@jnrs/skills-biz": "*",
+    "@jnrs/skills-biz": "1.0.3",
     "@tsconfig/node22": "^22.0.5",
     "@types/node": "^22.19.1",
     "@typescript-eslint/parser": "^8.48.1",

package/jnrs-vue/src/api/examples/playground.ts

@@ -0,0 +1,51 @@
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : playground.ts
+ * @Date   : 2026/05/25
+ * @Desc.  : 测试模块接口文档
+ */
+
+import { axiosRequest } from '../request'
+
+/**
+ * 测试 404 错误
+ */
+export const NotFoundApi = () => {
+  return axiosRequest({
+    url: '/notFound',
+    method: 'get'
+  })
+}
+
+/**
+ * 测试 不需要权限
+ */
+export const NoNeedAuthApi = () => {
+  return axiosRequest({
+    url: '/auth/no',
+    method: 'post',
+    noAuth: true // 是否需要权限，默认为 false
+  })
+}
+
+/**
+ * 测试 无权限
+ */
+export const NoAuthApi = (showErrorMsg: boolean) => {
+  return axiosRequest({
+    url: '/auth/no',
+    method: 'post',
+    showErrorMsg // 是否显示错误信息，默认为 true
+  })
+}
+
+/**
+ * 测试 请求错误
+ */
+export const FailApi = () => {
+  return axiosRequest({
+    url: '/auth/fail',
+    method: 'post'
+  })
+}

package/jnrs-vue/src/api/examples/portfolio-management/portfolio.ts

@@ -68,7 +68,7 @@ export interface UpdatePortfolio {
  */
 export const portfolioListApi = (parentId?: number): Promise<Portfolio[]> => {
   return axiosRequest({
-    url: '/agentic/portfolio/list',
+    url: '/examples/portfolio/list',
     method: 'get',
     params: { parentId }
   })
@@ -79,7 +79,7 @@ export const portfolioListApi = (parentId?: number): Promise<Portfolio[]> => {
  */
 export const addPortfolioApi = (data: AddPortfolio) => {
   return axiosRequest({
-    url: '/agentic/portfolio/save',
+    url: '/examples/portfolio/save',
     method: 'post',
     data
   })
@@ -90,7 +90,7 @@ export const addPortfolioApi = (data: AddPortfolio) => {
  */
 export const upSideAddPortfolioApi = (data: UpSideAddPortfolio) => {
   return axiosRequest({
-    url: '/agentic/portfolio/upSideAdd',
+    url: '/examples/portfolio/upSideAdd',
     method: 'post',
     data
   })
@@ -101,7 +101,7 @@ export const upSideAddPortfolioApi = (data: UpSideAddPortfolio) => {
  */
 export const downSideAddPortfolioApi = (data: DownSideAddPortfolio) => {
   return axiosRequest({
-    url: '/agentic/portfolio/downSideAdd',
+    url: '/examples/portfolio/downSideAdd',
     method: 'post',
     data
   })
@@ -112,7 +112,7 @@ export const downSideAddPortfolioApi = (data: DownSideAddPortfolio) => {
  */
 export const innerAddPortfolioApi = (data: InnerAddPortfolio) => {
   return axiosRequest({
-    url: '/agentic/portfolio/innerAdd',
+    url: '/examples/portfolio/innerAdd',
     method: 'post',
     data
   })
@@ -123,7 +123,7 @@ export const innerAddPortfolioApi = (data: InnerAddPortfolio) => {
  */
 export const updatePortfolioApi = (data: UpdatePortfolio) => {
   return axiosRequest({
-    url: '/agentic/portfolio/update',
+    url: '/examples/portfolio/update',
     method: 'put',
     data
   })
@@ -134,7 +134,7 @@ export const updatePortfolioApi = (data: UpdatePortfolio) => {
  */
 export const moveUpPortfolioApi = (data: { targetPortfolioId: number }) => {
   return axiosRequest({
-    url: '/agentic/portfolio/moveUp',
+    url: '/examples/portfolio/moveUp',
     method: 'put',
     data
   })
@@ -145,7 +145,7 @@ export const moveUpPortfolioApi = (data: { targetPortfolioId: number }) => {
  */
 export const moveDownPortfolioApi = (data: { targetPortfolioId: number }) => {
   return axiosRequest({
-    url: '/agentic/portfolio/moveDown',
+    url: '/examples/portfolio/moveDown',
     method: 'put',
     data
   })
@@ -156,8 +156,8 @@ export const moveDownPortfolioApi = (data: { targetPortfolioId: number }) => {
  */
 export const deletePortfolioApi = (id: number): Promise<IFullResponse<unknown>> => {
   return axiosRequest({
-    url: `/agentic/portfolio/delete/${id}`,
+    url: `/examples/portfolio/delete/${id}`,
     method: 'delete',
     returnFullResponse: true
   })
-}
+}

package/jnrs-vue/src/api/examples/portfolio-management/program.ts

@@ -97,7 +97,7 @@ export interface PortfolioProgramQuery extends IPagination {
  */
 export const portfolioProgramTableApi = (params?: PortfolioProgramQuery): Promise<IPageTableData<PortfolioProgram>> => {
   return axiosRequest({
-    url: '/agentic/portfolio-program/list',
+    url: '/examples/portfolio-program/list',
     method: 'get',
     params
   })
@@ -108,7 +108,7 @@ export const portfolioProgramTableApi = (params?: PortfolioProgramQuery): Promis
  */
 export const addPortfolioProgramApi = (data: AddPortfolioProgram) => {
   return axiosRequest({
-    url: '/agentic/portfolio-program/save',
+    url: '/examples/portfolio-program/save',
     method: 'post',
     data
   })
@@ -119,7 +119,7 @@ export const addPortfolioProgramApi = (data: AddPortfolioProgram) => {
  */
 export const editPortfolioProgramApi = (data: UpdatePortfolioProgram) => {
   return axiosRequest({
-    url: '/agentic/portfolio-program/save',
+    url: '/examples/portfolio-program/save',
     method: 'post',
     data
   })
@@ -130,7 +130,7 @@ export const editPortfolioProgramApi = (data: UpdatePortfolioProgram) => {
  */
 export const deletePortfolioProgramApi = (id: string): Promise<IFullResponse<unknown>> => {
   return axiosRequest({
-    url: `/agentic/portfolio-program/delete/${id}`,
+    url: `/examples/portfolio-program/delete/${id}`,
     method: 'delete',
     returnFullResponse: true
   })
@@ -141,7 +141,7 @@ export const deletePortfolioProgramApi = (id: string): Promise<IFullResponse<unk
  */
 export const portfolioProgramEnableApi = (data: PortfolioProgramEnable) => {
   return axiosRequest({
-    url: '/agentic/portfolio-program/enable',
+    url: '/examples/portfolio-program/enable',
     method: 'put',
     data,
     returnFullResponse: true

package/jnrs-vue/src/api/examples/portfolio-management/project.ts

@@ -86,7 +86,7 @@ export interface PortfolioProjectQuery extends IPagination {
  */
 export const portfolioProjectTableApi = (params?: PortfolioProjectQuery): Promise<IPageTableData<PortfolioProject>> => {
   return axiosRequest({
-    url: '/agentic/portfolio-project/list',
+    url: '/examples/portfolio-project/list',
     method: 'get',
     params
   })
@@ -97,7 +97,7 @@ export const portfolioProjectTableApi = (params?: PortfolioProjectQuery): Promis
  */
 export const addPortfolioProjectApi = (data: AddPortfolioProject) => {
   return axiosRequest({
-    url: '/agentic/portfolio-project/save',
+    url: '/examples/portfolio-project/save',
     method: 'post',
     data
   })
@@ -108,7 +108,7 @@ export const addPortfolioProjectApi = (data: AddPortfolioProject) => {
  */
 export const editPortfolioProjectApi = (data: UpdatePortfolioProject) => {
   return axiosRequest({
-    url: '/agentic/portfolio-project/save',
+    url: '/examples/portfolio-project/save',
     method: 'post',
     data
   })
@@ -119,7 +119,7 @@ export const editPortfolioProjectApi = (data: UpdatePortfolioProject) => {
  */
 export const deletePortfolioProjectApi = (id: string) => {
   return axiosRequest({
-    url: `/agentic/portfolio-project/delete/${id}`,
+    url: `/examples/portfolio-project/delete/${id}`,
     method: 'delete'
   })
 }

package/jnrs-vue/src/api/examples/program-management/index.ts

@@ -91,7 +91,7 @@ export interface ProgramQuery extends IPagination {
  */
 export const programTableApi = (params?: ProgramQuery): Promise<IPageTableData<Program>> => {
   return axiosRequest({
-    url: '/agentic/program/list',
+    url: '/examples/program/list',
     method: 'get',
     params
   })
@@ -102,7 +102,7 @@ export const programTableApi = (params?: ProgramQuery): Promise<IPageTableData<P
  */
 export const addProgramApi = (data: AddProgram) => {
   return axiosRequest({
-    url: '/agentic/program/save',
+    url: '/examples/program/save',
     method: 'post',
     data
   })
@@ -113,7 +113,7 @@ export const addProgramApi = (data: AddProgram) => {
  */
 export const editProgramApi = (data: UpdateProgram) => {
   return axiosRequest({
-    url: '/agentic/program/save',
+    url: '/examples/program/save',
     method: 'post',
     data
   })
@@ -124,7 +124,7 @@ export const editProgramApi = (data: UpdateProgram) => {
  */
 export const deleteProgramApi = (id: string): Promise<IFullResponse<unknown>> => {
   return axiosRequest({
-    url: `/agentic/program/delete/${id}`,
+    url: `/examples/program/delete/${id}`,
     method: 'delete',
     returnFullResponse: true
   })
@@ -135,7 +135,7 @@ export const deleteProgramApi = (id: string): Promise<IFullResponse<unknown>> =>
  */
 export const programEnableApi = (data: ProgramEnable) => {
   return axiosRequest({
-    url: '/agentic/program/enable',
+    url: '/examples/program/enable',
     method: 'put',
     data,
     returnFullResponse: true

package/jnrs-vue/src/api/examples/program-management/sub-project.ts

@@ -86,7 +86,7 @@ export interface SubProjectQuery extends IPagination {
  */
 export const subProjectTableApi = (params?: SubProjectQuery): Promise<IPageTableData<SubProject>> => {
   return axiosRequest({
-    url: '/agentic/sub-project/list',
+    url: '/examples/sub-project/list',
     method: 'get',
     params
   })
@@ -97,7 +97,7 @@ export const subProjectTableApi = (params?: SubProjectQuery): Promise<IPageTable
  */
 export const addSubProjectApi = (data: AddSubProject) => {
   return axiosRequest({
-    url: '/agentic/sub-project/save',
+    url: '/examples/sub-project/save',
     method: 'post',
     data
   })
@@ -108,7 +108,7 @@ export const addSubProjectApi = (data: AddSubProject) => {
  */
 export const editSubProjectApi = (data: UpdateSubProject) => {
   return axiosRequest({
-    url: '/agentic/sub-project/save',
+    url: '/examples/sub-project/save',
     method: 'post',
     data
   })
@@ -119,7 +119,7 @@ export const editSubProjectApi = (data: UpdateSubProject) => {
  */
 export const deleteSubProjectApi = (id: string) => {
   return axiosRequest({
-    url: `/agentic/sub-project/delete/${id}`,
+    url: `/examples/sub-project/delete/${id}`,
     method: 'delete'
   })
 }

package/jnrs-vue/src/api/examples/project-management/index.ts

@@ -132,7 +132,7 @@ export interface ProjectQuery extends IPagination {
  */
 export const addProjectApi = (data: AddProject) => {
   return axiosRequest({
-    url: '/agentic/project/save',
+    url: '/examples/project/save',
     method: 'post',
     data: objectToFormData(data)
   })
@@ -143,7 +143,7 @@ export const addProjectApi = (data: AddProject) => {
  */
 export const editProjectApi = (data: UpdateProject) => {
   return axiosRequest({
-    url: '/agentic/project/save',
+    url: '/examples/project/save',
     method: 'post',
     data: objectToFormData(data)
   })
@@ -154,7 +154,7 @@ export const editProjectApi = (data: UpdateProject) => {
  */
 export const updateProjectApi = (data: Project) => {
   return axiosRequest({
-    url: '/agentic/project/update',
+    url: '/examples/project/update',
     method: 'put',
     data
   })
@@ -165,7 +165,7 @@ export const updateProjectApi = (data: Project) => {
  */
 export const deleteProjectApi = (id: string): Promise<IFullResponse<unknown>> => {
   return axiosRequest({
-    url: `/agentic/project/delete/${id}`,
+    url: `/examples/project/delete/${id}`,
     method: 'delete',
     returnFullResponse: true
   })
@@ -176,7 +176,7 @@ export const deleteProjectApi = (id: string): Promise<IFullResponse<unknown>> =>
  */
 export const projectEnableApi = (data: ProjectEnable) => {
   return axiosRequest({
-    url: '/agentic/project/enable',
+    url: '/examples/project/enable',
     method: 'put',
     data,
     returnFullResponse: true
@@ -188,18 +188,28 @@ export const projectEnableApi = (data: ProjectEnable) => {
  */
 export const projectTableApi = (params?: ProjectQuery): Promise<IPageTableData<Project>> => {
   return axiosRequest({
-    url: '/agentic/project/list',
+    url: '/examples/project/list',
     method: 'get',
     params
   })
 }
 
+/**
+ * 项目 - 按ID查询详情
+ */
+export const getProjectByIdApi = (id: string): Promise<Project> => {
+  return axiosRequest({
+    url: `/examples/project/detail/${id}`,
+    method: 'get'
+  })
+}
+
 /**
  * 下载数据导入模板
  */
 export const templateProjectApi = (): Promise<IBlobItem> => {
   return axiosRequest({
-    url: '/agentic/project/template',
+    url: '/examples/project/template',
     method: 'post',
     responseType: 'blob'
   })
@@ -210,7 +220,7 @@ export const templateProjectApi = (): Promise<IBlobItem> => {
  */
 export const importProjectApi = (data: FormData): Promise<IFullResponse<unknown>> => {
   return axiosRequest({
-    url: '/agentic/project/import',
+    url: '/examples/project/import',
     method: 'post',
     data,
     returnFullResponse: true
@@ -222,51 +232,9 @@ export const importProjectApi = (data: FormData): Promise<IFullResponse<unknown>
  */
 export const exportProjectApi = (data: Record<string, unknown>): Promise<IBlobItem> => {
   return axiosRequest({
-    url: '/agentic/project/export',
+    url: '/examples/project/export',
     method: 'post',
     data,
     responseType: 'blob'
   })
 }
-
-/**
- * 测试 404 错误
- */
-export const NotFoundApi = () => {
-  return axiosRequest({
-    url: '/notFound',
-    method: 'get'
-  })
-}
-
-/**
- * 测试 不需要权限
- */
-export const NoNeedAuthApi = () => {
-  return axiosRequest({
-    url: '/auth/no',
-    method: 'post',
-    noAuth: true // 是否需要权限，默认为 false
-  })
-}
-
-/**
- * 测试 无权限
- */
-export const NoAuthApi = (showErrorMsg: boolean) => {
-  return axiosRequest({
-    url: '/auth/no',
-    method: 'post',
-    showErrorMsg // 是否显示错误信息，默认为 true
-  })
-}
-
-/**
- * 测试 请求错误
- */
-export const FailApi = () => {
-  return axiosRequest({
-    url: '/auth/fail',
-    method: 'post'
-  })
-}

package/jnrs-vue/src/api/examples/project-management/manager.ts

@@ -35,7 +35,7 @@ export interface ManagerQuery extends IPagination {
  */
 export const ManagerListApi = (params?: ManagerQuery): Promise<IPageTableData<Manager>> => {
   return axiosRequest({
-    url: '/agentic/manager/list',
+    url: '/examples/manager/list',
     method: 'get',
     params
   })

package/jnrs-vue/src/components/common/DictSelector.vue

@@ -0,0 +1,70 @@
+<!--
+ @Author : TanRui
+ @WeChat : Tan578853789
+ @File   : DictSelector.vue
+ @Date   : 2026/07/17
+ @Desc.  : 字典下拉选择器，选项带背景和文字颜色
+-->
+
+<script setup lang="ts">
+import type { IDictItem } from '@/types'
+import { computed } from 'vue'
+import { getDictList } from '@/utils'
+import DictTag from '@/components/common/DictTag.vue'
+
+export interface Props {
+  /** 字典名称 */
+  dictName: string
+  /** 选中的值 */
+  modelValue?: string | number
+  /** 是否可筛选 */
+  filterable?: boolean
+  /** 占位文本 */
+  placeholder?: string
+  /** 是否可清空 */
+  clearable?: boolean
+  /** 宽度 */
+  width?: string | number
+  /** 是否显示颜色 */
+  showColor?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  filterable: true,
+  placeholder: '',
+  clearable: true,
+  width: '100%',
+  showColor: true
+})
+
+const emit = defineEmits<{
+  'update:modelValue': [value: string | number | undefined]
+}>()
+
+const options = computed<IDictItem[]>(() => getDictList(props.dictName))
+
+const currentValue = computed({
+  get: () => props.modelValue ?? undefined,
+  set: (val) => emit('update:modelValue', val)
+})
+</script>
+
+<template>
+  <el-select
+    v-model="currentValue"
+    :filterable="filterable"
+    :placeholder="placeholder"
+    :clearable="clearable"
+    :style="{ width: typeof width === 'number' ? width + 'px' : width }"
+  >
+    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" class="dict-option">
+      <DictTag :dictName="props.dictName" :value="item.value" :height="24" />
+    </el-option>
+  </el-select>
+</template>
+
+<style lang="scss" scoped>
+.dict-option {
+  text-align: left;
+}
+</style>

package/jnrs-vue/src/components/common/DictTag.vue

@@ -18,6 +18,10 @@ export interface Props {
    * 是否使用颜色
    */
   showColor?: boolean
+  /**
+   * 标签高度
+   */
+  height?: number
   /**
    * 是否使用 popover
    */
@@ -28,7 +32,7 @@ export interface Props {
   placement?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right'
 }
 
-const { dictName = '', value = '', showColor = true, popover = '' } = defineProps<Props>()
+const { dictName = '', value = '', showColor = true, height = 0, popover = '' } = defineProps<Props>()
 
 const computedColor = computed(() => {
   const c = getDictColor(dictName, value) || 'inherit'
@@ -47,7 +51,9 @@ const computedColor = computed(() => {
         class="dictTag"
         :class="{ dictTag_showColor: showColor }"
         :style="{
-          backgroundColor: computedColor.backgroundColor
+          backgroundColor: computedColor.backgroundColor,
+          height: height ? height + 'px' : undefined,
+          lineHeight: height ? height + 'px' : undefined
         }"
       >
         <span

package/jnrs-vue/src/utils/index.ts

@@ -1,6 +1,6 @@
 export * from './packages'
 export * from './dict'
 export * from './file'
-export * from './field'
+export { extractFieldId } from '@jnrs/shared'
 export * from './permissions'
 export * from './common'