@jnrs/vue-core

✨ 介绍

巨能（JNRS）前端工程化开发，Vue 专用核心功能包。

功能模块

| 模块 | 路径 | 说明 | | ----------- | ------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | 主模块 | @jnrs/vue-core | 基础类型定义（IMenuItem, IPagination, IPageData, IAttachment, IDocument 等） | | Pinia | @jnrs/vue-core/pinia | useSystemStore（主题/全屏/菜单折叠）+ useMenuStore（动态菜单/路由） | | Router | @jnrs/vue-core/router | createVueRouter（创建路由实例）+ asyncGenerateRoute（动态路由生成）+ handleRouter（跳转）+ useRouter/useRoute | | 组件 | @jnrs/vue-core/components | JnTable（表格）、JnPagination（分页）、JnDialog（弹窗）、JnFileUpload（文件上传）、JnSelectTemplate（选择器）、JnDatetime（日期格式化）、JnDateQuery（时间查询）、JnImportAndExport（导入导出）等 | | Composables | @jnrs/vue-core/composables | useMouseSelection（鼠标框选）、useReactivityTableHeight（表格高度自适应）、useWebSocket（WebSocket 连接） | | 常量 | @jnrs/vue-core/constants | 主题选项配置 | | 工具 | @jnrs/vue-core/utils / lib | 工具函数 / 类型守卫 | | 国际化 | @jnrs/vue-core/locales | 组件内置文案的多语言支持 |

💻 技术栈

TypeScript、Vue3 生态

🧩 安装教程

pnpm add @jnrs/vue-core

🔍 使用示例

// 类型
import type { IPageData, IAttachment, IMenuItem } from '@jnrs/vue-core'

// Pinia
import { useSystemStore, useMenuStore } from '@jnrs/vue-core/pinia'

// Router
import { useRouter, useRoute, handleRouter, createVueRouter } from '@jnrs/vue-core/router'

// 组件
import {
  JnTable,
  JnPagination,
  JnDialog,
  JnFileUpload,
  JnDatetime,
  JnDateQuery,
  JnImportAndExport
} from '@jnrs/vue-core/components'

// Composables
import { useWebSocket, useMouseSelection } from '@jnrs/vue-core/composables'

📋 API

详细文档请查看 AGENTS.md

📌 发版日志

详细文档请查看 CHANGELOG.md