create-jnrs-vue 1.2.20 → 1.2.22

package/jnrs-vue/.env.development

@@ -5,7 +5,7 @@ VITE_USE_MOCK = true
 
 # 后端接口基地址 - 开发环境
 # VITE_BASE_URL = '192.168.1.120:6001'
-VITE_BASE_URL = '192.168.1.112:5010'
+VITE_BASE_URL = '192.168.1.50:5001'
 
 # 应用运行主机（置空默认为 localhost）
 VITE_APP_HOST = ''

package/jnrs-vue/README.md

@@ -26,7 +26,7 @@ jnrs-vue/
 │   ├── router/           # 路由配置
 │   ├── api/              # 接口定义（已含 request 实例）
 │   ├── types/            # 类型定义
-│   ├── store/            # 状态管理
+│   ├── stores/           # 状态管理
 │   ├── utils/            # 工具函数
 │   ├── locales/          # 国际化
 │   └── main.ts           # 应用入口

package/jnrs-vue/components.d.ts

@@ -18,6 +18,7 @@ declare module 'vue' {
     ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
     ElCard: typeof import('element-plus/es')['ElCard']
     ElCascader: typeof import('element-plus/es')['ElCascader']
+    ElCol: typeof import('element-plus/es')['ElCol']
     ElColorPicker: typeof import('element-plus/es')['ElColorPicker']
     ElContainer: typeof import('element-plus/es')['ElContainer']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
@@ -34,6 +35,8 @@ declare module 'vue' {
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElOption: typeof import('element-plus/es')['ElOption']
     ElPopover: typeof import('element-plus/es')['ElPopover']
+    ElRow: typeof import('element-plus/es')['ElRow']
+    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
     ElSwitch: typeof import('element-plus/es')['ElSwitch']
@@ -42,7 +45,6 @@ declare module 'vue' {
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTag: typeof import('element-plus/es')['ElTag']
-    ElUpload: typeof import('element-plus/es')['ElUpload']
     ElWatermark: typeof import('element-plus/es')['ElWatermark']
   }
   export interface GlobalDirectives {

package/jnrs-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jnrs-vue",
-  "version": "1.2.20",
+  "version": "1.2.22",
   "description": "JNRS 信息化管理系统",
   "author": "talia_tan",
   "private": true,
@@ -19,8 +19,8 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.2",
-    "@jnrs/shared": "1.1.14",
-    "@jnrs/vue-core": "1.2.9",
+    "@jnrs/shared": "1.1.16",
+    "@jnrs/vue-core": "1.2.11",
     "@jnrs/lingshu-smart": "2.2.4",
     "@vueuse/core": "^14.1.0",
     "element-plus": "^2.13.3",

package/jnrs-vue/src/App.vue

@@ -4,7 +4,7 @@ import { useSystemStore } from '@jnrs/vue-core/pinia'
 import { ElConfigProvider } from 'element-plus'
 import zhCn from 'element-plus/es/locale/lang/zh-CN'
 import en from 'element-plus/es/locale/lang/en'
-import { useI18n } from 'vue-i18n'
+import { useI18n } from '@/locales'
 import { changeLocales as changeLocalesForShared } from '@jnrs/shared/locales'
 
 const { locale } = useI18n()

package/jnrs-vue/src/api/common/index.ts

@@ -7,7 +7,7 @@ import { axiosRequest } from '../request'
  */
 export const FileApi = (uniqueFileName: string): Promise<Blob> => {
   return axiosRequest({
-    url: '/api/files/' + uniqueFileName,
+    url: '/files/' + uniqueFileName,
     method: 'get',
     responseType: 'blob',
     showErrorMsg: false
@@ -19,7 +19,7 @@ export const FileApi = (uniqueFileName: string): Promise<Blob> => {
  */
 // import { useFetch } from '@vueuse/core'
 // export const FileApi = (uniqueFileName: string) => {
-//   return useFetch(`/api/files/${uniqueFileName}`, {
+//   return useFetch(`/files/${uniqueFileName}`, {
 //     method: 'get',
 //     headers: {
 //       responseType: 'blob'

package/jnrs-vue/src/api/demos/index.ts

@@ -1,12 +1,20 @@
-import type { Pagination, PageTableData, FileContainer } from '@/types'
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : demos/index.ts
+ * @Date   : 2026/03/01
+ * @Desc.  : 示例模块接口文档（可作为 AI Agent 上下文来源）
+ */
+
+import type { IBusinessResponse } from '@jnrs/shared'
+import type { IPagination, IPageTableData, IFile, IUser } from '@/types'
 import { axiosRequest } from '../request'
-import { extractFieldId } from '@/utils/file'
-import { objectToFormData } from '@/utils/packages'
+import { objectToFormData } from '@/utils'
 
 /**
- * 项目
+ * 项目 - 详情
  */
-export interface ProjectItem extends FileContainer {
+export interface Project extends IFile {
   id: string
   programCode: string
   program: string
@@ -23,9 +31,9 @@ export interface ProjectItem extends FileContainer {
 }
 
 /**
- * 新增
+ * 新增项目 - 忽略字段
  */
-type AddProjectOmitKeys =
+type CreateProjectOmit =
   | 'id'
   | 'programCode'
   | 'program'
@@ -37,28 +45,54 @@ type AddProjectOmitKeys =
   | 'imageDocument'
   | 'attachmentDocument'
 
-export type AddProjectItem = Omit<ProjectItem, AddProjectOmitKeys> & {
+/**
+ * 项目 - 创建
+ */
+export type EditProject = Omit<Project, CreateProjectOmit> & {
   id?: string
-  managerId?: Record<string, unknown> | unknown
+  managerId?: Record<string, unknown> | number
   newAttachmentFile: []
   newImageFiles: []
 }
 
 /**
- * 查询
+ * 项目 - 查询
  */
-export interface ProjectQuery extends Pagination {
+export interface ProjectQuery extends IPagination {
   code?: string
   projectType?: '敏捷型' | '瀑布型' | '混合型'
   manager?: string
 }
 
+// 测试 获取数据
+export const DataApiTest = (id: string): Promise<IUser> => {
+  return axiosRequest({
+    url: '/auth/user-info',
+    method: 'get',
+    params: {
+      id
+    }
+  })
+}
+
+// 测试 获取全量数据
+export const FullDataApiTest = (id: string): Promise<IBusinessResponse<IUser>> => {
+  return axiosRequest({
+    url: '/auth/user-info',
+    method: 'get',
+    params: {
+      id
+    },
+    returnFullResponse: true // 返回完整响应数据
+  })
+}
+
 /**
  * 测试 404 错误
  */
 export const NotFoundApi = () => {
   return axiosRequest({
-    url: '/mock/notFound',
+    url: '/notFound',
     method: 'get'
   })
 }
@@ -68,7 +102,7 @@ export const NotFoundApi = () => {
  */
 export const NoNeedAuthApi = () => {
   return axiosRequest({
-    url: '/mock/auth/no',
+    url: '/auth/no',
     method: 'post',
     noAuth: true
   })
@@ -80,7 +114,7 @@ export const NoNeedAuthApi = () => {
  */
 export const NoAuthApi = (showErrorMsg: boolean) => {
   return axiosRequest({
-    url: '/mock/auth/no',
+    url: '/auth/no',
     method: 'post',
     showErrorMsg
   })
@@ -89,34 +123,50 @@ export const NoAuthApi = (showErrorMsg: boolean) => {
 /**
  * 数据详情
  */
-export const DetailsApi = (): Promise<FileContainer> => {
+export const DetailsApi = (): Promise<IFile> => {
   return axiosRequest({
-    url: '/mock/details',
+    url: '/details',
     method: 'get'
   })
 }
 
 /**
- * 表单新增（包含文件上传类需使用 formData 类型）
+ * 项目 - 编辑
  */
-export const EditApi = (data: AddProjectItem) => {
-  const formData = objectToFormData({
-    ...data,
-    managerId: extractFieldId(data.managerId, 'managerId')
-  })
+export const EditProjectApi = (data: EditProject) => {
   return axiosRequest({
-    url: '/mock/demos/save',
+    url: '/demos/save',
     method: 'post',
-    data: formData
+    data: objectToFormData(data) // 包含文件上传类需使用 formData 类型
   })
 }
 
 /**
- * 数据详情
+ * 项目 - 更新
+ */
+export const UpdateProjectApi = (data: Project) => {
+  return axiosRequest({
+    url: '/demos/update',
+    method: 'put',
+    data
+  })
+}
+
+/**
+ * 删除数据
+ */
+export const DeleteProjectApi = (id: string) => {
+  return axiosRequest({
+    url: `/demos/delete/${id}`,
+    method: 'delete'
+  })
+}
+/**
+ * 列表数据
  */
-export const TableApi = (data?: ProjectQuery): Promise<PageTableData<ProjectItem>> => {
+export const ProjectListApi = (data?: ProjectQuery): Promise<IPageTableData<Project>> => {
   return axiosRequest({
-    url: '/mock/demos/table',
+    url: '/demos/table',
     method: 'get',
     data
   })
@@ -125,9 +175,9 @@ export const TableApi = (data?: ProjectQuery): Promise<PageTableData<ProjectItem
 /**
  * 下载数据导入模板
  */
-export const ImportTemplateApi = (): Promise<Blob> => {
+export const DownloadTemplateApi = (): Promise<Blob> => {
   return axiosRequest({
-    url: '/mock/project/template',
+    url: '/project/template',
     method: 'post'
   })
 }
@@ -137,7 +187,7 @@ export const ImportTemplateApi = (): Promise<Blob> => {
  */
 export const ImportDataApi = (data: FormData) => {
   return axiosRequest({
-    url: '/mock/project/import',
+    url: '/project/import',
     method: 'post',
     data
   })
@@ -148,7 +198,7 @@ export const ImportDataApi = (data: FormData) => {
  */
 export const ExportApi = (data: Record<string, unknown>): Promise<Blob> => {
   return axiosRequest({
-    url: '/mock/project/export',
+    url: '/project/export',
     method: 'post',
     data
   })

package/jnrs-vue/src/api/request.ts

@@ -6,9 +6,10 @@
  * @Desc.  : axios 网络请求实例
  */
 
-import type { BusinessRequest, BusinessResponse } from '@jnrs/shared/request'
+import type { IBusinessRequest, IBusinessResponse } from '@jnrs/shared'
 import { createAxiosInstance } from '@jnrs/shared/request'
-import { useMockStore, useAuthStore } from '@jnrs/vue-core/pinia'
+import { useMockStore } from '@jnrs/vue-core/pinia'
+import { useAuthStore } from '@/stores'
 import { handleRouter } from '@jnrs/vue-core/router'
 import { ElMessage } from 'element-plus'
 
@@ -31,20 +32,18 @@ const axiosInstance = createAxiosInstance({
  * @param options 请求配置项
  * @returns Promise<T> 响应数据
  */
-const axiosRequest = <T = BusinessResponse>(options: BusinessRequest): Promise<T> => {
+const axiosRequest = <T = IBusinessResponse>(options: IBusinessRequest): Promise<T> => {
   if (!axiosInstance) {
     throw new Error('请先调用 createRequest 初始化 axios 实例')
   }
 
-  // 如果是模拟请求，则将请求地址改为模拟地址
-  const { isMock } = useMockStore()
+  const { useMockServe } = useMockStore()
 
-  if (isMock) {
-    options.url = options.mockUrl
-      ? options.mockUrl
-      : options.url.startsWith('/mock')
-        ? options.url
-        : '/mock' + options.url
+  // 如果开启 mock 模式，则将请求地址改为 mock 地址，否则使用 api 地址
+  if (useMockServe) {
+    options.url = '/api/mock' + options.url
+  } else {
+    options.url = '/api' + options.url
   }
 
   return axiosInstance(options)

package/jnrs-vue/src/api/system/index.ts

@@ -1,16 +1,17 @@
-import type { Dict, DictItem, User, Role } from '@jnrs/shared'
-import type { MenuItem } from '@jnrs/vue-core'
+import type { IDict, IDictItem, IRole } from '@/types'
+import type { IMenuItem } from '@jnrs/vue-core'
+import type { IUser } from '@/types'
 import { axiosRequest } from '../request'
-import { objectToFormData } from '@/utils/packages'
+import { objectToFormData } from '@/utils'
 
 // 菜单
-export const MenuApi = (): Promise<MenuItem[]> => {
-  return axiosRequest({
-    url: '/system/menu.json', // /public 文件夹下
-    mockUrl: '/mock/menu',
-    method: 'get',
-    noAuth: true // 本地数据忽略 token 验证
-  })
+export const MenuApi = async (): Promise<IMenuItem[]> => {
+  const response = await fetch('/system/menu.json')
+  if (!response.ok) {
+    throw new Error(`Failed to load menu.json: ${response.status} ${response.statusText}`)
+  }
+  const data = await response.json()
+  return data.data
 }
 
 // 登录
@@ -19,16 +20,19 @@ interface LoginParams {
   password: string
 }
 
-export interface LoginResult extends User {
+/**
+ * 登录结果
+ */
+export interface LoginResult extends IUser {
   token: string
-  dict: Dict
+  dict: IDict
 }
 
 export const LoginApi = (data: LoginParams): Promise<LoginResult> => {
   return axiosRequest({
-    url: '/api/auth/login',
+    url: '/auth/login',
     method: 'post',
-    data,
+    data: objectToFormData(data),
     noAuth: true
   })
 }
@@ -36,15 +40,15 @@ export const LoginApi = (data: LoginParams): Promise<LoginResult> => {
 // 退出登录
 export const LogoutApi = () => {
   return axiosRequest({
-    url: '/api/auth/logout',
+    url: '/auth/logout',
     method: 'get'
   })
 }
 
 // 获取用户信息
-export const UserInfoApi = (): Promise<User> => {
+export const UserInfoApi = (): Promise<IUser> => {
   return axiosRequest({
-    url: '/api/auth/user-info',
+    url: '/auth/user-info',
     method: 'get'
   })
 }
@@ -52,7 +56,7 @@ export const UserInfoApi = (): Promise<User> => {
 // 修改头像
 export const AvatarChangeApi = (data: File) => {
   return axiosRequest({
-    url: '/api/user/avatar',
+    url: '/user/avatar',
     method: 'post',
     data: objectToFormData({ file: data })
   })
@@ -66,16 +70,16 @@ interface PasswordChange {
 
 export const PasswordChangeApi = (data: PasswordChange) => {
   return axiosRequest({
-    url: '/api/auth/change-password',
+    url: '/auth/change-password',
     method: 'post',
     data
   })
 }
 
 // 获取字典列表
-export const DictApi = (): Promise<DictItem[]> => {
+export const DictApi = (): Promise<IDictItem[]> => {
   return axiosRequest({
-    url: '/api/dict-manager',
+    url: '/dict-manager',
     method: 'get'
   })
 }
@@ -83,24 +87,24 @@ export const DictApi = (): Promise<DictItem[]> => {
 // 获取单个字典
 export const DictDetailApi = (id: string) => {
   return axiosRequest({
-    url: `/api/dict-manager/detail/${id}`,
+    url: `/dict-manager/detail/${id}`,
     method: 'get'
   })
 }
 
 // 修改单个字典
-export const DictChangeApi = (data: DictItem) => {
+export const DictChangeApi = (data: IDictItem) => {
   return axiosRequest({
-    url: '/api/dict-manager/detail',
+    url: '/dict-manager/detail',
     method: 'post',
     data
   })
 }
 
 // 获取角色列表
-export const RoleApi = (): Promise<Role[]> => {
+export const RoleApi = (): Promise<IRole[]> => {
   return axiosRequest({
-    url: '/api/role-manager',
+    url: '/role-manager',
     method: 'get',
     noAuth: true
   })

package/jnrs-vue/src/assets/styles/animation.scss

@@ -0,0 +1,15 @@
+/* fade-transform transition */
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
+}
+
+.fade-transform-enter-from {
+  opacity: 0;
+  transform: translateX(-20px);
+}
+
+.fade-transform-leave-to {
+  opacity: 0;
+  transform: translateX(20px);
+}

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

@@ -7,17 +7,17 @@
  -->
 
 <script setup lang="ts">
-import type { Pagination, PageTableData } from '@/types'
+import type { IPagination, IPageTableData } from '@/types'
 import { ref, onActivated } from 'vue'
 import { JnPagination, JnTable } from '@jnrs/vue-core/components'
 import { debounce } from '@jnrs/shared/lodash'
 
-interface Props {
+export interface Props {
   /**
    * 获取数据表格 api 函数
    */
   // eslint-disable-next-line
-  getTableDataApi?: (data?: Pagination) => Promise<PageTableData<any>>
+  getTableDataApi?: (data?: IPagination) => Promise<IPageTableData<any>>
 }
 
 const { getTableDataApi } = defineProps<Props>()
@@ -25,7 +25,7 @@ const { getTableDataApi } = defineProps<Props>()
 const loading = ref(false)
 const tableData = ref()
 const total = ref(0)
-const pagination = ref<Pagination>({ pageNo: 1, pageSize: 20 })
+const pagination = ref<IPagination>({ pageNo: 1, pageSize: 20 })
 
 const getTable = debounce(async () => {
   if (!getTableDataApi) {

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

@@ -8,9 +8,9 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
-import { getDictLabel, getDictColor } from '@/utils/packages'
+import { getDictLabel, getDictColor } from '@/utils'
 
-interface Props {
+export interface Props {
   dictName: string
   value: string | number
   /**
@@ -30,7 +30,7 @@ interface Props {
 const { dictName = '', value = '', showColor = true, popover = '' } = defineProps<Props>()
 
 const computedColor = computed(() => {
-  return showColor ? getDictColor(dictName, value) : 'unset'
+  return showColor ? getDictColor(dictName, value) : 'inherit'
 })
 </script>
 
@@ -39,12 +39,13 @@ const computedColor = computed(() => {
     <template #reference>
       <span
         class="dictTag"
+        :class="{ dictTag_showColor: showColor }"
         :style="{
           backgroundColor: computedColor
         }"
       >
         <span
-          :class="{ dictTag_label_showColor: showColor }"
+          class="dictLabel"
           :style="{
             color: computedColor
           }"
@@ -64,10 +65,11 @@ const computedColor = computed(() => {
   padding: 1px 8px;
   border-radius: 4px;
   white-space: nowrap;
-  transform: scale(0.8);
+}
 
-  .dictTag_label_showColor {
-    font-size: 1.1em;
+.dictTag_showColor {
+  transform: scale(0.9);
+  .dictLabel {
     filter: invert(0.5) brightness(0.5);
   }
 }

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

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import type { FileItem } from '@jnrs/shared'
-import type { Attachment } from '@/types'
+import type { IFileItem } from '@jnrs/shared'
+import type { IAttachment } from '@/types'
 import { ref, watch, onActivated, onDeactivated, onBeforeUnmount } from 'vue'
 import { blobToUrl } from '@jnrs/shared'
 import { debounce } from '@jnrs/shared/lodash'
@@ -8,11 +8,11 @@ import { FileApi } from '@/api/common'
 
 import { JnImageView } from '@jnrs/vue-core/components'
 
-interface Props {
+export interface Props {
   /**
    * 要加载的文件列表 ｜ 文件名唯一标识 uniqueFileName
    */
-  loadKeys: Attachment[] | string | undefined
+  loadKeys: IAttachment[] | string | undefined
 
   /**
    * 是否清理文件副作用
@@ -26,7 +26,7 @@ const { loadKeys, clearSideEffects = false } = defineProps<Props>()
 const posterUrl = ref('')
 
 // 存储每个 URL 对应的 URL 对象
-const fileList = ref<FileItem[]>([])
+const fileList = ref<IFileItem[]>([])
 
 // 存储每个 URL 对应的 revoke 函数用于副作用清理
 const revokeFns = ref<(() => void)[]>([])

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

@@ -1,17 +1,17 @@
 <script lang="ts" setup>
-import type { FileItem } from '@jnrs/shared'
-import type { Attachment } from '@/types'
+import type { IFileItem } from '@jnrs/shared'
+import type { IAttachment } from '@/types'
 import { ref, watch, onActivated, onDeactivated, onBeforeUnmount } from 'vue'
 import { blobToUrl } from '@jnrs/shared'
 import { FileApi } from '@/api/common'
 
 import { JnPdfView } from '@jnrs/vue-core/components'
 
-interface Props {
+export interface Props {
   /**
    * 要加载的文件列表 ｜ 文件名唯一标识 uniqueFileName
    */
-  loadKeys: Attachment[] | string | undefined
+  loadKeys: IAttachment[] | string | undefined
 
   /**
    * 是否清理文件副作用
@@ -22,7 +22,7 @@ interface Props {
 const { loadKeys, clearSideEffects = false } = defineProps<Props>()
 
 // 存储每个 URL 对应的 URL 对象
-const fileList = ref<FileItem[]>([])
+const fileList = ref<IFileItem[]>([])
 
 // 存储每个 URL 对应的 revoke 函数用于副作用清理
 const revokeFns = ref<(() => void)[]>([])

package/jnrs-vue/src/components/select/SelectManager.vue

@@ -7,7 +7,7 @@
  -->
 
 <script setup lang="ts">
-import { TableApi } from '@/api/demos/index'
+import { ProjectListApi } from '@/api/demos/index'
 import { JnSelectTemplate } from '@jnrs/vue-core/components'
 </script>
 
@@ -15,8 +15,8 @@ import { JnSelectTemplate } from '@jnrs/vue-core/components'
   <JnSelectTemplate
     tableName="项目经理"
     :keyValue="{ name: 'manager', id: 'managerId', code: 'code' }"
+    :listApi="ProjectListApi"
     optionSecondaryField="code"
-    :listApi="TableApi"
   >
     <template #table>
       <el-table-column prop="manager" label="项目经理" align="center" sortable />