@xjw_/vue3-npm-system

基于 Vue3 + Element Plus 的企业级组件库
10,831
Install
npm install @xjw_/vue3-npm-system
Latest Version:1.15.2
Vue:3
License:MIT
Last Updated:Sep 7, 2026
Links: npm
Maintainer: xjw_

@xjw_/vue3-npm-system

基于 Vue 3 + Element Plus + Vxe Table 的企业级前端组件库。

安装

npm install @xjw_/vue3-npm-system

依赖(peerDependencies)

vue · element-plus · vxe-table · vxe-pc-ui · xe-utils · axios · js-cookie · @element-plus/icons-vue · @vueuse/core

使用

全量注册:

import { createApp } from 'vue'
import App from './App.vue'
import XjwSystem from '@xjw_/vue3-npm-system'
import '@xjw_/vue3-npm-system/dist/style.css'

createApp(App).use(XjwSystem).mount('#app')

按需引入组件:

<script setup lang="ts">
import { XTaskCenter, XSetSearch, XVxeTable, XVxeColumn } from '@xjw_/vue3-npm-system'
</script>

组件清单

组件 说明
XSearchBar / XSetSearch 查询栏(配置式)
XVxeTable / XVxeColumn Vxe 表格封装
XTaskCenter 任务中心(筛选 / 分页 / 状态标签 / 下载 / 可选 WebSocket 无感刷新,支持 mockData 离线演示)
XElForm / XElFormItem / XElSelect / XElOption 表单与表单元素
XPagination 分页
XSplitPanel / XSplitLayout 分栏布局
XSwitch / XDatePicker / XReportTable / XBusinessLog / XTree 其它业务组件

更完整的用法与 Props / Events 说明见仓库内 vue3-npm-system.md。

示例:XTaskCenter

<template>
  <x-task-center
    server-base-u-r-l="http://your-server.com"
    system-id="1233849248630274"
    :ws-base-u-r-l="wsBaseUrl"
    :ws-user-id="userId"
    @download="handleDownload"
  />
</template>

License

MIT

Related Packages

low-component-lib

A Vue 3 component library

6,458
keli-ui

A Vue 3 component library based on element-plus

9,980
twcpt

A Vue 3 component library built with Vite and TypeScript, featuring components i...

6,050
@gs_w/orbit-ui

企业级 Vue 3 前端组件库(基于 Element Plus、ECharts 二次封装)

798
@ys-knife-crud/element-plus

Vue 3 + element-plus UI components for ys.knife.crud

374 0

Version History

Version Released Vue License
1.15.2 ^3.5.16 MIT
1.15.1 ^3.5.16 MIT
1.15.0 ^3.5.16 MIT
1.14.3 ^3.5.16 MIT
1.14.1 ^3.5.16 MIT