@jnrs/vue-core

✨ 介绍

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

• Pinia store
• Vue composables
• Vue Router
• 全局指令
• 插件
• 公共 Vue 组件

💻 技术栈

TypeScript、Vue3 生态

🧩 安装教程

pnpm add @jnrs/vue-core

🔍 使用示例

import type { User, DictItem } from '@jnrs/vue-core'
import { useRouter, useRoute } from '@jnrs/vue-core/router'
import { useAuthStore } from '@jnrs/vue-core/pinia'

📋 API

@jnrs/vue-core 模块

接口

• User
• DictItem
• Dict
• MenuItem

函数

• request 网络请求

@jnrs/vue-core/pinia 模块

函数

/**
 * useSystemStore 系统仓库
 * @returns theme 主题（国际化、主题、自定义强调色）
 * @returns menuCollapse 菜单是否折叠
 * @returns documentFullscreen 文档是否全屏
 * @methods toggleCollapse 折叠菜单切换
 * @methods toggleFullScreen 全屏切换
 * @methods setTheme 设置主题
 */

/**
 * useAuthStore 权限仓库
 * @returns hasAuthenticated 是否已登录
 * @returns token 登录凭证
 * @returns userInfo 用户信息
 * @returns dict 字典
 * @methods asyncSetAuth 设置权限信息
 * @methods clearAuth 清除权限信息
 */

/**
 * useMenuStore 菜单仓库
 * @returns hasFetchedAsyncMenus 菜单是否已获取
 * @returns menus 菜单项
 * @methods asyncSetMenus 设置菜单信息
 * @methods asyncClearMenu 清除菜单信息
 */

@jnrs/vue-core/router 模块

接口

• RouteMeta
• RouteLocationNormalizedGeneric
• RouteLocationNormalizedLoadedGeneric
• FileModules

函数

• useRouter 原生 vue-router 函数
• useRoute 原生 vue-router 函数
• handleRouter 路由跳转或替换
• getRoutes 获取已注册路由
• createVueRouter 创建 vue-router 实例
• asyncGenerateRoute 设置动态路由，生成路由记录

@jnrs/vue-core/components 模块

Vue 组件

• GlobalSetting 全局偏好设置

@jnrs/vue-core/composables 模块

Vue 组合式 API

• GlobalSetting 全局偏好设置