npm - create-jnrs-template-vue - Versions diffs - 1.2.2 → 1.2.4 - Mend

create-jnrs-template-vue 1.2.2 → 1.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

package/jnrs-template-vue/.env.development CHANGED Viewed

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

package/jnrs-template-vue/index.html CHANGED Viewed

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>create-jnrs-template</title>
+    <title>jnrs-template-vue</title>
   </head>
   <body>
     <div id="app"></div>

package/jnrs-template-vue/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "jnrs-template-vue",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "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.2",
+    "@jnrs/shared": "1.1.9",
+    "@jnrs/vue-core": "1.2.4",
     "@vueuse/core": "^14.1.0",
     "element-plus": "^2.11.9",
     "pinia": "^3.0.4",

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

@@ -15,16 +15,25 @@
           "path": "/unitTest",
           "name": "UnitTest",
           "meta": {
-            "title": "功能测试页面",
+            "title": "基础功能测试",
             "todoCount": 8
           },
           "component": "/demos/unitTest/index"
         },
+        {
+          "path": "/simpleTable",
+          "name": "SimpleTable",
+          "meta": {
+            "title": "简单数据表格模板",
+            "todoCount": 0
+          },
+          "component": "/demos/simpleTable/index"
+        },
         {
           "path": "/crud",
           "name": "Crud",
           "meta": {
-            "title": "增删改查模板页面",
+            "title": "完整增删改查模板",
             "todoCount": 0
           },
           "component": "/demos/crud/index"

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,40 +1,10 @@
 import type { Pagination, PageTableData, FileContainer } from '@/types'
-import { request } from '@jnrs/vue-core'
+import { axiosRequest } from '@jnrs/vue-core/request'
+import { extractFieldId } from '@/utils/file'
+import { objectToFormData } from '@/utils/packages'
 /**
- * 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
-  })
-}
-/**
- * 数据详情
- */
-export const DetailsApi = (): Promise<FileContainer> => {
-  return request({
-    url: '/details',
-    method: 'get'
-  })
-}
-/**
- * 项目项
+ * 项目
  */
 export interface ProjectItem extends FileContainer {
   id: string
@@ -53,11 +23,12 @@ export interface ProjectItem extends FileContainer {
 }
 /**
- * 新增项目项
+ * 新增
  */
 type AddProjectOmitKeys =
   | 'id'
   | 'programCode'
+  | 'program'
   | 'code'
   | 'manager'
   | 'plannedFinishDate'
@@ -68,11 +39,14 @@ type AddProjectOmitKeys =
 export type AddProjectItem = Omit<ProjectItem, AddProjectOmitKeys> & {
   id?: string
-  managerId?: Record<string, unknown>
+  managerId?: Record<string, unknown> | unknown
   newAttachmentFile: []
   newImageFiles: []
 }
+/**
+ * 查询
+ */
 export interface ProjectQuery extends Pagination {
   code?: string
   projectType?: '敏捷型' | '瀑布型' | '混合型'
@@ -80,23 +54,91 @@ export interface ProjectQuery extends Pagination {
 }
 /**
- * 表单新增
+ * 测试 404 错误
+ */
+export const NotFoundApi = () => {
+  return axiosRequest({
+    url: '/mock/notFound',
+    method: 'get'
+  })
+}
+/**
+ * 测试 无权限
+ * @param showErrorMsg 是否显示错误信息
+ */
+export const NoAuthApi = (showErrorMsg: boolean) => {
+  return axiosRequest({
+    url: '/mock/auth/no',
+    method: 'post',
+    showErrorMsg
+  })
+}
+/**
+ * 数据详情
+ */
+export const DetailsApi = (): Promise<FileContainer> => {
+  return axiosRequest({
+    url: '/mock/details',
+    method: 'get'
+  })
+}
+/**
+ * 表单新增（包含文件上传类需使用 formData 类型）
  */
-export const DemosFormApi = (data: FormData) => {
-  return request({
+export const EditApi = (data: AddProjectItem) => {
+  const formData = objectToFormData({
+    ...data,
+    managerId: extractFieldId(data.managerId, 'managerId')
+  })
+  return axiosRequest({
     url: '/mock/demos/save',
     method: 'post',
-    data
+    data: formData
   })
 }
 /**
  * 数据详情
  */
-export const DemosTableApi = (query: ProjectQuery): Promise<PageTableData<ProjectItem>> => {
-  return request({
+export const TableApi = (data?: ProjectQuery): Promise<PageTableData<ProjectItem>> => {
+  return axiosRequest({
     url: '/mock/demos/table',
     method: 'get',
-    data: query
+    data
+  })
+}
+/**
+ * 下载数据导入模板
+ */
+export const ImportTemplateApi = (): Promise<Blob> => {
+  return axiosRequest({
+    url: '/mock/project/template',
+    method: 'post'
+  })
+}
+/**
+ * 项目数据导入
+ */
+export const ImportDataApi = (data: { file: File }) => {
+  return axiosRequest({
+    url: '/mock/project/import',
+    method: 'post',
+    data
+  })
+}
+/**
+ * 项目数据导出
+ */
+export const ExportApi = (data: Record<string, unknown>): Promise<Blob> => {
+  return axiosRequest({
+    url: '/mock/project/export',
+    method: 'post',
+    data
   })
 }

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

@@ -1,10 +1,11 @@
-import { request } from '@jnrs/vue-core'
 import type { Dict, DictItem, User, Role } from '@jnrs/shared'
 import type { MenuItem } from '@jnrs/vue-core'
+import { axiosRequest } from '@jnrs/vue-core/request'
+import { objectToFormData } from '@/utils/packages'
 // 菜单
 export const MenuApi = (): Promise<MenuItem[]> => {
-  return request({
+  return axiosRequest({
     url: '/system/menu.json', // /public 文件夹下
     mockUrl: '/mock/menu',
     method: 'get'
@@ -23,7 +24,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 +34,7 @@ export const LoginApi = (data: LoginParams): Promise<LoginResult> => {
 // 退出登录
 export const LogoutApi = () => {
-  return request({
+  return axiosRequest({
     url: '/api/auth/logout',
     method: 'get'
   })
@@ -41,12 +42,21 @@ export const LogoutApi = () => {
 // 获取用户信息
 export const UserInfoApi = (): Promise<User> => {
-  return request({
+  return axiosRequest({
     url: '/api/auth/user-info',
     method: 'get'
   })
 }
+// 修改头像
+export const AvatarChangeApi = (data: File) => {
+  return axiosRequest({
+    url: '/api/user/avatar',
+    method: 'post',
+    data: objectToFormData({ file: data })
+  })
+}
 // 修改密码
 interface PasswordChange {
   userId: number
@@ -54,7 +64,7 @@ interface PasswordChange {
 }
 export const PasswordChangeApi = (data: PasswordChange) => {
-  return request({
+  return axiosRequest({
     url: '/api/auth/change-password',
     method: 'post',
     data
@@ -63,7 +73,7 @@ export const PasswordChangeApi = (data: PasswordChange) => {
 // 获取字典列表
 export const DictApi = (): Promise<DictItem[]> => {
-  return request({
+  return axiosRequest({
     url: '/api/dict-manager',
     method: 'get'
   })
@@ -71,7 +81,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 +89,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 +98,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 CHANGED Viewed

@@ -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/index.scss CHANGED Viewed

@@ -3,27 +3,3 @@
 @use './root.scss';
 @use './common.scss';
 @use './animation.scss';
-body {
-  width: 100vw;
-  height: 100vh;
-  color: var(--jnrs-font-primary);
-  background: var(--jnrs-background-primary);
-}
-#app {
-  min-width: 1280px;
-  height: 100%;
-}
-/*
- * 禁止用户选中页面元素
- */
-.no-select {
-  -khtml-user-drag: none;
-  -webkit-user-drag: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}

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

@@ -27,3 +27,27 @@ img {
   object-fit: cover;
   object-position: center center;
 }
+body {
+  width: 100vw;
+  height: 100vh;
+  color: var(--jnrs-font-primary);
+  background: var(--jnrs-background-primary);
+}
+#app {
+  min-width: 1280px;
+  height: 100%;
+}
+/*
+ * 禁止用户选中页面元素
+ */
+.no-select {
+  -khtml-user-drag: none;
+  -webkit-user-drag: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}

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

@@ -1,3 +1,7 @@
+/*
+ * root 样式
+ */
 :root {
   // Layout 头部高度
   --jnrs-head-height: 50px;

package/jnrs-template-vue/src/components/common/CardTable.vue ADDED Viewed

@@ -0,0 +1,89 @@
+<!--
+ @Author : TanRui
+ @WeChat : Tan578853789
+ @File   : CardTable.vue
+ @Date   : 2026/01/06
+ @Desc.  : 卡片数据表格组件
+ -->
+<script setup lang="ts">
+import type { PageTableData, Pagination } from '@/types'
+import { ref, onActivated } from 'vue'
+import { JnPagination, JnTable } from '@jnrs/vue-core/components'
+import { debounce } from '@jnrs/shared/lodash'
+interface Props {
+  /**
+   * 获取数据表格 api 函数
+   */
+  getTableDataApi?: (...args: any[]) => Promise<PageTableData<any>>
+}
+const { getTableDataApi } = defineProps<Props>()
+const loading = ref(false)
+const tableData = ref()
+const total = ref(0)
+const pagination = ref<Pagination>({ pageNo: 1, pageSize: 10 })
+const getTable = debounce(async () => {
+  if (!getTableDataApi) {
+    return false
+  }
+  loading.value = true
+  try {
+    const res = await getTableDataApi({
+      ...pagination.value
+    })
+    tableData.value = res.list.map((item) => ({
+      ...item,
+      newImageFiles: item.imageDocument?.attachments ?? undefined,
+      newAttachmentFile: item.attachmentDocument?.attachments ?? undefined
+    }))
+    console.log(456)
+    total.value = res.count
+  } catch (error) {
+    console.error(error)
+  } finally {
+    loading.value = false
+  }
+}, 300)
+onActivated(() => {
+  console.log(123)
+  getTable()
+})
+</script>
+<template>
+  <el-card class="cardTable" v-loading="loading">
+    <template #header>
+      <div class="cardTable_header">
+        <slot name="header"></slot>
+      </div>
+    </template>
+    <JnTable
+      :data="tableData"
+      :pagination="pagination"
+      :autoHeight="true"
+      :showScrollbar="true"
+      :showIndexColumn="true"
+    >
+      <slot name="table"></slot>
+    </JnTable>
+    <JnPagination :total="total" v-model="pagination" @change="getTable" />
+  </el-card>
+</template>
+<style lang="scss" scoped>
+.cardTable {
+  .cardTable_header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+</style>

package/jnrs-template-vue/src/components/common/DictTag.vue CHANGED Viewed

@@ -58,13 +58,17 @@ const computedColor = computed(() => {
 <style lang="scss" scoped>
 .dictTag {
-  padding: 2px 8px;
-  border-radius: 8px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1px 8px;
+  border-radius: 4px;
   white-space: nowrap;
+  transform: scale(0.8);
   .dictTag_label_showColor {
-    font-size: 0.8em;
-    filter: invert(0.6) brightness(0.6);
+    font-size: 1.1em;
+    filter: invert(0.5) brightness(0.5);
   }
 }
 </style>

package/jnrs-template-vue/src/components/common/ImageView.vue CHANGED Viewed

@@ -13,9 +13,14 @@ interface Props {
    * 要加载的文件列表 ｜ 文件名唯一标识 uniqueFileName
    */
   loadKeys: Attachment[] | string | undefined
+  /**
+   * 是否清理文件副作用
+   */
+  clearSideEffects: boolean
 }
-const { loadKeys } = defineProps<Props>()
+const { loadKeys, clearSideEffects = false } = defineProps<Props>()
 // 第一张显示的图片
 const posterUrl = ref('')
@@ -28,10 +33,12 @@ const revokeFns = ref<(() => void)[]>([])
 // 清理当前所有 Object URL
 const clearUrls = () => {
-  revokeFns.value.forEach((revoke) => revoke())
-  revokeFns.value = []
-  fileList.value = []
-  posterUrl.value = ''
+  if (clearSideEffects) {
+    revokeFns.value.forEach((revoke) => revoke())
+    revokeFns.value = []
+    fileList.value = []
+    posterUrl.value = ''
+  }
 }
 // 加载文件
@@ -105,7 +112,7 @@ const loadFilesRaw = async (keys: Props['loadKeys']) => {
   }
 }
-const loadFiles = debounce(loadFilesRaw, 300)
+const loadFiles = debounce(loadFilesRaw, 500)
 watch(
   () => loadKeys,
@@ -116,7 +123,9 @@ watch(
 )
 onActivated(() => {
-  loadFiles(loadKeys)
+  if (clearSideEffects) {
+    loadFiles(loadKeys)
+  }
 })
 // 副作用清理

package/jnrs-template-vue/src/components/common/PdfView.vue CHANGED Viewed

@@ -12,9 +12,14 @@ interface Props {
    * 要加载的文件列表 ｜ 文件名唯一标识 uniqueFileName
    */
   loadKeys: Attachment[] | string | undefined
+  /**
+   * 是否清理文件副作用
+   */
+  clearSideEffects: boolean
 }
-const { loadKeys } = defineProps<Props>()
+const { loadKeys, clearSideEffects = false } = defineProps<Props>()
 // 存储每个 URL 对应的 URL 对象
 const fileList = ref<FileItem[]>([])
@@ -24,9 +29,11 @@ const revokeFns = ref<(() => void)[]>([])
 // 清理当前所有 Object URL
 const clearUrls = () => {
-  revokeFns.value.forEach((revoke) => revoke())
-  revokeFns.value = []
-  fileList.value = []
+  if (clearSideEffects) {
+    revokeFns.value.forEach((revoke) => revoke())
+    revokeFns.value = []
+    fileList.value = []
+  }
 }
 const loadFiles = async (keys: Props['loadKeys']) => {
@@ -87,7 +94,9 @@ watch(
 )
 onActivated(() => {
-  loadFiles(loadKeys)
+  if (clearSideEffects) {
+    loadFiles(loadKeys)
+  }
 })
 // 副作用清理

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

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

package/jnrs-template-vue/src/layout/SideMenu.vue CHANGED Viewed

@@ -68,7 +68,6 @@ $mainFontColor: rgba(255, 255, 255, 0.8);
       font-weight: normal;
       font-family: AlimamaShuHeiTi-Bold;
       white-space: nowrap;
-      letter-spacing: 2px;
       transform: translate(-50%, -50%);
       transition: all 0.3s ease;
       filter: opacity(1);