create-jnrs-template-vue 1.2.4 → 1.2.5

package/jnrs-template-vue/README.md

@@ -1,7 +1,7 @@
 # jnrs-template-vue
 
 ## ✨ 介绍
-巨能前端工程化开发，Vue 项目信息化管理系统模板
+巨能前端工程化开发，Vue 项目信息化管理系统
 
 ## 💻 技术栈
 TypeScript、Vue3 生态

package/jnrs-template-vue/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jnrs-template-vue",
-  "version": "1.2.4",
-  "description": "JNRS 信息化管理系统模板",
+  "version": "1.2.5",
+  "description": "JNRS 信息化管理系统",
   "author": "Talia-Tan",
   "private": true,
   "type": "module",
@@ -19,8 +19,8 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.2",
-    "@jnrs/shared": "1.1.9",
-    "@jnrs/vue-core": "1.2.4",
+    "@jnrs/shared": "1.1.10",
+    "@jnrs/vue-core": "1.2.5",
     "@vueuse/core": "^14.1.0",
     "element-plus": "^2.11.9",
     "pinia": "^3.0.4",

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

@@ -2,6 +2,18 @@
  * 业务功能通用样式表
  */
 
+/*
+ * 禁止用户选中页面元素
+ */
+.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;
+}
+
 .topBarBtn {
   position: relative;
   margin: 0 8px;

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

@@ -39,15 +39,3 @@ body {
   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/components/common/CardTable.vue

@@ -37,10 +37,9 @@ const getTable = debounce(async () => {
     })
     tableData.value = res.list.map((item) => ({
       ...item,
-      newImageFiles: item.imageDocument?.attachments ?? undefined,
-      newAttachmentFile: item.attachmentDocument?.attachments ?? undefined
+      newImageFiles: item.imageDocument?.attachments,
+      newAttachmentFile: item.attachmentDocument?.attachments
     }))
-    console.log(456)
     total.value = res.count
   } catch (error) {
     console.error(error)
@@ -50,8 +49,6 @@ const getTable = debounce(async () => {
 }, 300)
 
 onActivated(() => {
-  console.log(123)
-
   getTable()
 })
 </script>

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

@@ -17,7 +17,7 @@ interface Props {
   /**
    * 是否清理文件副作用
    */
-  clearSideEffects: boolean
+  clearSideEffects?: boolean
 }
 
 const { loadKeys, clearSideEffects = false } = defineProps<Props>()

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

@@ -16,7 +16,7 @@ interface Props {
   /**
    * 是否清理文件副作用
    */
-  clearSideEffects: boolean
+  clearSideEffects?: boolean
 }
 
 const { loadKeys, clearSideEffects = false } = defineProps<Props>()

package/jnrs-template-vue/src/layout/BlankLayout.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="blank-layout no-select">
+  <div class="blank_layout">
     <router-view />
   </div>
 </template>
 
 <style scoped>
-.blank-layout {
+.blank_layout {
   position: relative;
   width: 100vw;
   height: 100vh;

package/jnrs-template-vue/src/layout/RouterTabs.vue

@@ -99,19 +99,9 @@ const handleTabClick = (tab: TabsPaneContext) => {
 </script>
 
 <template>
-  <div class="routerTabs">
-    <el-tabs
-      v-model="activeRouterName"
-      type="card"
-      @tab-remove="removeTab"
-      @tab-click="handleTabClick"
-    >
-      <el-tab-pane
-        v-for="item in menuTabs"
-        :key="item.name"
-        :name="item.name"
-        :closable="!isHome(item)"
-      >
+  <div class="routerTabs no_select">
+    <el-tabs v-model="activeRouterName" type="card" @tab-remove="removeTab" @tab-click="handleTabClick">
+      <el-tab-pane v-for="item in menuTabs" :key="item.name" :name="item.name" :closable="!isHome(item)">
         <template #label>
           <span>{{ tabLabel(item) }}</span>
         </template>

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

@@ -13,7 +13,7 @@ const route = useRoute()
 </script>
 
 <template>
-  <el-aside class="sideMenu">
+  <el-aside class="sideMenu no_select">
     <div class="logo" :class="{ logo_collapse: menuCollapse }">
       <img class="logo_img" src="@/assets/images/common/jnrs-white.svg" alt="jnrs" />
       <span class="logo_text">{{ $t('main.title') }}</span>

package/jnrs-template-vue/src/layout/TopHeader.vue

@@ -37,7 +37,7 @@ const showGlobalSetting = () => {
 </script>
 
 <template>
-  <div class="topHeader">
+  <div class="topHeader no_select">
     <div class="left">
       <el-icon
         class="topBarBtn"

package/jnrs-template-vue/src/locales/zhCn.ts

@@ -1,9 +1,9 @@
 export default {
   main: {
-    title: '信息化管理系统模板'
+    title: '信息化管理系统'
   },
   login: {
-    title: '信息化管理系统模板',
+    title: '信息化管理系统',
     formTitle: '登录',
     formAccount: '请输入账号',
     formPassword: '请输入密码',

package/jnrs-template-vue/src/views/demos/crud/index.vue

@@ -77,8 +77,8 @@ const getTable = debounce(async () => {
     })
     tableData.value = res.list.map((item) => ({
       ...item,
-      newImageFiles: item.imageDocument?.attachments ?? undefined,
-      newAttachmentFile: item.attachmentDocument?.attachments ?? undefined
+      newImageFiles: item.imageDocument?.attachments,
+      newAttachmentFile: item.attachmentDocument?.attachments
     }))
     total.value = res.count
   } catch (error) {

package/jnrs-template-vue/src/views/login/index.vue

@@ -81,7 +81,7 @@ const submitForm = async () => {
 </script>
 
 <template>
-  <div class="main">
+  <div class="login no_select">
     <div class="topFixed_right">
       <el-icon class="topBarBtn" title="全局偏好设置" @click="showGlobalSetting()">
         <el-icon><Setting /></el-icon>
@@ -131,7 +131,7 @@ const submitForm = async () => {
           </el-form>
           <div class="greeting">{{ $t('login.greeting') }}</div>
         </div>
-        <div class="card_right_copyright">Powered by JNRS TECH 2026</div>
+        <div class="copyright">Powered by JNRS TECH 2026</div>
       </div>
     </div>
   </div>
@@ -139,7 +139,7 @@ const submitForm = async () => {
 </template>
 
 <style scoped lang="scss">
-.main {
+.login {
   position: relative;
   width: 100%;
   height: 100%;
@@ -169,8 +169,6 @@ const submitForm = async () => {
   align-items: center;
   justify-content: space-around;
   padding: 8px 16px;
-  // background: var(--jnrs-card-primary);
-  // border-radius: 10px;
 }
 
 .card {
@@ -184,7 +182,6 @@ const submitForm = async () => {
   height: 500px;
   border-radius: 15px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-  background: radial-gradient(circle at center, #232a4c, #000);
   overflow: hidden;
 
   .card_left {
@@ -193,9 +190,8 @@ const submitForm = async () => {
     align-items: center;
     width: 50%;
     height: 100%;
-    box-shadow: 5px 0 10px rgba(0, 0, 0, 0.5);
-    // background: url('@/assets/img/common/card_bg.png') no-repeat;
-    // background-size: 100% 100%;
+    background: radial-gradient(circle at center, #232a4c, #000);
+    box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
 
     .card_left_mid {
       width: 50%;
@@ -233,9 +229,8 @@ const submitForm = async () => {
       top: 0;
       width: 100%;
       height: 100%;
-      background: rgba(255, 255, 255, 0.7);
-      backdrop-filter: blur(4px);
-      -webkit-backdrop-filter: blur(4px);
+      backdrop-filter: blur(2px);
+      -webkit-backdrop-filter: blur(2px);
     }
 
     .card_right_mid {
@@ -289,12 +284,28 @@ const submitForm = async () => {
       }
     }
 
-    .card_right_copyright {
+    .copyright {
       position: absolute;
       bottom: 5px;
       font-size: 12px;
       text-transform: uppercase;
-      color: rgba(0, 0, 0, 0.1);
+      color: var(--jnrs-font-primary-01);
+    }
+  }
+}
+
+.light {
+  .card_right {
+    &::after {
+      background: var(--jnrs-card-primary-06);
+    }
+  }
+}
+
+.dark {
+  .card_right {
+    &::after {
+      background: var(--jnrs-card-primary-03);
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-jnrs-template-vue",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "巨能前端工程化开发，Vue 项目模板脚手架",
   "keywords": [
     "vue",