create-jnrs-template-vue 1.2.1 → 1.2.3

package/bin/create.mjs

@@ -38,7 +38,7 @@ function getInstallCommand(packageManager) {
 }
 
 function getRunCommand(packageManager, script) {
-  if (!packageManager || packageManager === 'skip') return `npm run ${script}` // fallback for skip
+  if (!packageManager || packageManager === 'skip') return `pnpm ${script}` // fallback for skip
   switch (packageManager) {
     case 'pnpm':
       return `pnpm ${script}`
@@ -125,7 +125,7 @@ async function main() {
 
   if (!selected) process.exit(1)
 
-  let packageManager = 'npm' // 默认用于生成 dev 命令
+  let packageManager = 'pnpm' // 默认用于生成 dev 命令
   if (selected !== 'skip') {
     packageManager = selected
     console.log(`\n📦 使用 ${packageManager} 安装依赖项中...\n`)
@@ -153,7 +153,7 @@ async function main() {
   if (selected === 'skip') {
     const fallbackPM = availablePMs[0] || 'npm'
     const [cmd, ...args] = getInstallCommand(fallbackPM)
-    console.log(`   #👉 手动安装依赖:`)
+    console.log(`\n👉 手动安装依赖:`)
     console.log(`   ${cmd} ${args.join(' ')}`)
   }
   console.log(`   ${devCmd}\n`)

package/jnrs-template-vue/auto-imports.d.ts

@@ -7,7 +7,11 @@
 export {}
 declare global {
   const ElButton: typeof import('element-plus/es').ElButton
+  const ElCheckbox: typeof import('element-plus/es').ElCheckbox
   const ElMessage: typeof import('element-plus/es').ElMessage
   const ElMessageBox: typeof import('element-plus/es').ElMessageBox
+  const ElOption: typeof import('element-plus/es').ElOption
   const ElSwitch: typeof import('element-plus/es').ElSwitch
+  const ElTableColumn: typeof import('element-plus/es').ElTableColumn
+  const vLoading: typeof import('element-plus/es').ElLoadingDirective
 }

package/jnrs-template-vue/components.d.ts

@@ -33,7 +33,6 @@ declare module 'vue' {
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElOption: typeof import('element-plus/es')['ElOption']
-    ElPagination: typeof import('element-plus/es')['ElPagination']
     ElPopover: typeof import('element-plus/es')['ElPopover']
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElSubMenu: typeof import('element-plus/es')['ElSubMenu']

package/jnrs-template-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jnrs-template-vue",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "JNRS 信息化管理系统模板",
   "author": "Talia-Tan",
   "private": true,
@@ -19,9 +19,8 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.2",
-    "@jnrs/core": "1.1.7",
-    "@jnrs/shared": "1.1.7",
-    "@jnrs/vue-core": "1.2.1",
+    "@jnrs/shared": "1.1.8",
+    "@jnrs/vue-core": "1.2.3",
     "@vueuse/core": "^14.1.0",
     "element-plus": "^2.11.9",
     "pinia": "^3.0.4",

package/jnrs-template-vue/public/system/menu.json

@@ -15,7 +15,7 @@
           "path": "/unitTest",
           "name": "UnitTest",
           "meta": {
-            "title": "测试页面",
+            "title": "功能测试页面",
             "todoCount": 8
           },
           "component": "/demos/unitTest/index"

package/jnrs-template-vue/src/App.vue

@@ -6,7 +6,6 @@ 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 { changeLocales as changeLocalesForShared } from '@jnrs/shared/locales'
-import { changeLocales as changeLocalesForCore } from '@jnrs/core/locales'
 
 const { locale } = useI18n()
 
@@ -16,7 +15,6 @@ watch(
   (newValue) => {
     locale.value = newValue
     changeLocalesForShared(newValue)
-    changeLocalesForCore(newValue)
   },
   {
     immediate: true
@@ -30,7 +28,7 @@ const localeMap = {
 
 onMounted(() => {
   console.log(
-    '%cPowered by 🅹🅽🆁🆂 TECH',
+    '%cPOWERED BY 🅹🅽🆁🆂 TECH',
     `background: #f2f2c1;
   color: #d15f2c;
   font-weight: bold;

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

@@ -1,4 +1,4 @@
-import { request } from '@jnrs/vue-core'
+import { axiosRequest } from '@jnrs/vue-core/request'
 
 /**
  * axios 方式下载文件
@@ -6,7 +6,7 @@ import { request } from '@jnrs/vue-core'
  * @returns Blob
  */
 export const FileApi = (uniqueFileName: string): Promise<Blob> => {
-  return request({
+  return axiosRequest({
     url: '/api/files/' + uniqueFileName,
     method: 'get',
     responseType: 'blob',

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

@@ -1,47 +1,10 @@
-import type { Document } from '@/types'
-import { request } from '@jnrs/vue-core'
+import type { Pagination, PageTableData, FileContainer } from '@/types'
+import { axiosRequest } from '@jnrs/vue-core/request'
 
 /**
- * 404 错误
+ * 项目
  */
-export const NotFoundApi = () => {
-  return request({
-    url: '/notFound',
-    method: 'get'
-  })
-}
-
-/**
- * 无权限
- * @param showErrorMsg 是否显示错误信息
- */
-export const NoAuth = (showErrorMsg: boolean) => {
-  return request({
-    url: '/auth/no',
-    method: 'post',
-    showErrorMsg
-  })
-}
-
-interface DetailsParams {
-  attachmentDocument: Document
-  imageDocument: Document
-}
-
-/**
- * 数据详情
- */
-export const DetailsApi = (): Promise<DetailsParams> => {
-  return request({
-    url: '/details',
-    method: 'get'
-  })
-}
-
-/**
- * 项目项
- */
-export interface ProjectItem {
+export interface ProjectItem extends FileContainer {
   id: string
   programCode: string
   program: string
@@ -55,12 +18,10 @@ export interface ProjectItem {
   plannedFinishDate: string
   progress: string
   status: '进行中' | '已完成' | '未开始' | '已暂停'
-  imageDocument?: Document // 图片类附件
-  attachmentDocument?: Document // 普通文件类附件
 }
 
 /**
- * 新增项目项
+ * 新增
  */
 type AddProjectOmitKeys =
   | 'id'
@@ -75,15 +36,57 @@ type AddProjectOmitKeys =
 
 export type AddProjectItem = Omit<ProjectItem, AddProjectOmitKeys> & {
   id?: string
+  managerId?: Record<string, unknown>
   newAttachmentFile: []
   newImageFiles: []
 }
 
+/**
+ * 查询
+ */
+export interface ProjectQuery extends Pagination {
+  code?: string
+  projectType?: '敏捷型' | '瀑布型' | '混合型'
+  manager?: string
+}
+
+/**
+ * 测试 404 错误
+ */
+export const NotFoundApi = () => {
+  return axiosRequest({
+    url: '/mock/notFound',
+    method: 'get'
+  })
+}
+
+/**
+ * 测试 无权限
+ * @param showErrorMsg 是否显示错误信息
+ */
+export const NoAuth = (showErrorMsg: boolean) => {
+  return axiosRequest({
+    url: '/mock/auth/no',
+    method: 'post',
+    showErrorMsg
+  })
+}
+
+/**
+ * 数据详情
+ */
+export const DetailsApi = (): Promise<FileContainer> => {
+  return axiosRequest({
+    url: '/mock/details',
+    method: 'get'
+  })
+}
+
 /**
  * 表单新增
  */
 export const DemosFormApi = (data: FormData) => {
-  return request({
+  return axiosRequest({
     url: '/mock/demos/save',
     method: 'post',
     data
@@ -93,9 +96,42 @@ export const DemosFormApi = (data: FormData) => {
 /**
  * 数据详情
  */
-export const DemosTableApi = (): Promise<ProjectItem[]> => {
-  return request({
+export const DemosTableApi = (query: ProjectQuery): Promise<PageTableData<ProjectItem>> => {
+  return axiosRequest({
     url: '/mock/demos/table',
-    method: 'get'
+    method: 'get',
+    data: query
+  })
+}
+
+/**
+ * 下载数据导入模板
+ */
+export const DemosImportTemplateApi = (): Promise<Blob> => {
+  return axiosRequest({
+    url: '/mock/project/template',
+    method: 'post'
+  })
+}
+
+/**
+ * 项目数据导入
+ */
+export const DemosImportDataApi = (data: FormData) => {
+  return axiosRequest({
+    url: '/mock/project/import',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 项目数据导出
+ */
+export const DemosExportApi = (data: Record<string, unknown>): Promise<Blob> => {
+  return axiosRequest({
+    url: '/mock/project/export',
+    method: 'post',
+    data
   })
 }

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

@@ -1,10 +1,10 @@
-import { request } from '@jnrs/vue-core'
+import { axiosRequest } from '@jnrs/vue-core/request'
 import type { Dict, DictItem, User, Role } from '@jnrs/shared'
 import type { MenuItem } from '@jnrs/vue-core'
 
 // 菜单
 export const MenuApi = (): Promise<MenuItem[]> => {
-  return request({
+  return axiosRequest({
     url: '/system/menu.json', // /public 文件夹下
     mockUrl: '/mock/menu',
     method: 'get'
@@ -23,7 +23,7 @@ export interface LoginResult extends User {
 }
 
 export const LoginApi = (data: LoginParams): Promise<LoginResult> => {
-  return request({
+  return axiosRequest({
     url: '/api/auth/login',
     method: 'post',
     data,
@@ -33,7 +33,7 @@ export const LoginApi = (data: LoginParams): Promise<LoginResult> => {
 
 // 退出登录
 export const LogoutApi = () => {
-  return request({
+  return axiosRequest({
     url: '/api/auth/logout',
     method: 'get'
   })
@@ -41,7 +41,7 @@ export const LogoutApi = () => {
 
 // 获取用户信息
 export const UserInfoApi = (): Promise<User> => {
-  return request({
+  return axiosRequest({
     url: '/api/auth/user-info',
     method: 'get'
   })
@@ -54,7 +54,7 @@ interface PasswordChange {
 }
 
 export const PasswordChangeApi = (data: PasswordChange) => {
-  return request({
+  return axiosRequest({
     url: '/api/auth/change-password',
     method: 'post',
     data
@@ -63,7 +63,7 @@ export const PasswordChangeApi = (data: PasswordChange) => {
 
 // 获取字典列表
 export const DictApi = (): Promise<DictItem[]> => {
-  return request({
+  return axiosRequest({
     url: '/api/dict-manager',
     method: 'get'
   })
@@ -71,7 +71,7 @@ export const DictApi = (): Promise<DictItem[]> => {
 
 // 获取单个字典
 export const DictDetailApi = (id: string) => {
-  return request({
+  return axiosRequest({
     url: `/api/dict-manager/detail/${id}`,
     method: 'get'
   })
@@ -79,7 +79,7 @@ export const DictDetailApi = (id: string) => {
 
 // 修改单个字典
 export const DictChangeApi = (data: DictItem) => {
-  return request({
+  return axiosRequest({
     url: '/api/dict-manager/detail',
     method: 'post',
     data
@@ -88,7 +88,7 @@ export const DictChangeApi = (data: DictItem) => {
 
 // 获取角色列表
 export const RoleApi = (): Promise<Role[]> => {
-  return request({
+  return axiosRequest({
     url: '/api/role-manager',
     method: 'get',
     noAuth: true

package/jnrs-template-vue/src/api/user/index.ts

@@ -1,8 +1,8 @@
-import { request } from '@jnrs/vue-core'
+import { axiosRequest } from '@jnrs/vue-core/request'
 
 // 获取用户信息
 export const UserApi = (id: string) => {
-  return request({
+  return axiosRequest({
     url: '/api/user',
     method: 'get',
     params: {

package/jnrs-template-vue/src/assets/styles/common.scss

@@ -1,3 +1,7 @@
+/*
+ * 业务功能通用样式表
+ */
+
 .topBarBtn {
   position: relative;
   margin: 0 8px;

package/jnrs-template-vue/src/assets/styles/fonts.scss

@@ -1,4 +1,7 @@
-/* font */
+/*
+ * 字体样式表
+ */
+
 @font-face {
   font-family: 'Alibaba-PuHuiTi-Regular';
   src: url('@/assets/fonts/AlibabaPuHuiTi-Regular.woff2');

package/jnrs-template-vue/src/assets/styles/{main.scss → index.scss}

@@ -2,6 +2,7 @@
 @use './fonts.scss';
 @use './root.scss';
 @use './common.scss';
+@use './animation.scss';
 
 body {
   width: 100vw;

package/jnrs-template-vue/src/assets/styles/init.scss

@@ -1,3 +1,7 @@
+/*
+ * 初始化重置样式表
+ */
+
 *,
 *::before,
 *::after {
@@ -10,19 +14,6 @@ a {
   text-decoration: none;
 }
 
-/* 所有自动填充 input */
-input:-webkit-autofill,
-input:-webkit-autofill:hover,
-input:-webkit-autofill:focus,
-input:-webkit-autofill:active,
-input:autofill,
-input:-webkit-autofill-strong-password,
-input:-webkit-autofill-strong-password-viewable,
-input:-webkit-autofill-and-obscured {
-  -webkit-box-shadow: 0 0 0 1000px rgba(255, 0, 0, 0) inset !important;
-  background-color: rgb(255, 0, 0) !important;
-}
-
 /*
  * 禁止拖拽图片
  * 禁止长按弹出菜单

package/jnrs-template-vue/src/assets/styles/root.scss

@@ -2,9 +2,6 @@
   // Layout 头部高度
   --jnrs-head-height: 50px;
   --jnrs-routerTabs-height: 30px;
-
-  // // element-ui 样式
-  // --el-menu-base-level-padding: 8px !important;
 }
 
 .el-button--primary {

package/jnrs-template-vue/src/components/common/{JnDictTag.vue → DictTag.vue}

@@ -1,7 +1,7 @@
 <!--
  @Author : TanRui
  @WeChat : Tan578853789
- @File   : JnDictTag.vue
+ @File   : DictTag.vue
  @Date   : 2025/12/25
  @Desc.  : 带颜色的字典标签
  -->

package/jnrs-template-vue/src/components/{base → common}/PdfView.vue

@@ -69,7 +69,7 @@ const loadFiles = async (keys: Props['loadKeys']) => {
           return { url, fileName, revoke }
         } catch (err) {
           console.warn(uniqueFileName, err)
-          return { url: '', fileName: '', revoke: () => {} }
+          return { url: '', fileName: fileName || uniqueFileName, revoke: () => {} }
         }
       })
     )
@@ -102,5 +102,5 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <jn-pdf-view :fileList="fileList"></jn-pdf-view>
+  <JnPdfView :fileList="fileList"></JnPdfView>
 </template>

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

@@ -0,0 +1,20 @@
+<!--
+ @Author : TanRui
+ @WeChat : Tan578853789
+ @File   : SelectManager.vue
+ @Date   : 2025/12/31
+ @Desc.  : 选择项目经理
+ -->
+
+<script setup lang="ts">
+import { DemosTableApi } from '@/api/demos/index'
+import { JnSelectTemplate } from '@jnrs/vue-core/components'
+</script>
+
+<template>
+  <JnSelectTemplate tableName="项目经理" :keyValue="{ label: 'manager', value: 'managerId' }" :listApi="DemosTableApi">
+    <template #table>
+      <el-table-column prop="manager" label="项目经理" align="center" sortable />
+    </template>
+  </JnSelectTemplate>
+</template>

package/jnrs-template-vue/src/composables/common/usePagination.ts

@@ -11,24 +11,24 @@ import { ref, computed } from 'vue'
 export function useTable<T>(initialData: T[] = []) {
   const data = ref<T[]>(initialData)
   const pageSize = ref(10)
-  const currentPage = ref(1)
+  const pageNo = ref(1)
 
   // 分页数据
   const paginatedData = computed(() => {
-    const start = (currentPage.value - 1) * pageSize.value
+    const start = (pageNo.value - 1) * pageSize.value
     return data.value?.slice(start, start + pageSize.value)
   })
 
   // 设置新的数据
   const setNewData = (newData: T[]) => {
     data.value = newData
-    currentPage.value = 1
+    pageNo.value = 1
   }
 
   return {
     data,
     pageSize,
-    currentPage,
+    pageNo,
     paginatedData,
     setNewData
   }

package/jnrs-template-vue/src/composables/common/useTable.ts

@@ -11,24 +11,24 @@ import { ref, computed } from 'vue'
 export function useTable<T>(initialData: T[] = []) {
   const data = ref<T[]>(initialData)
   const pageSize = ref(10)
-  const currentPage = ref(1)
+  const pageNo = ref(1)
 
   // 分页数据
   const paginatedData = computed(() => {
-    const start = (currentPage.value - 1) * pageSize.value
+    const start = (pageNo.value - 1) * pageSize.value
     return data.value?.slice(start, start + pageSize.value)
   })
 
   // 设置新的数据
   const setNewData = (newData: T[]) => {
     data.value = newData
-    currentPage.value = 1
+    pageNo.value = 1
   }
 
   return {
     data,
     pageSize,
-    currentPage,
+    pageNo,
     paginatedData,
     setNewData
   }