gimc-fronted-components

基于 Vue 3 + Element Plus 的业务组件库，提供一系列开箱即用的通用 UI 组件。

技术栈

• Vue 3.4+ (Composition API)
• TypeScript 5.6+
• Vite 5.4+
• Element Plus 2.8+
• SCSS

安装

npm install gimc-fronted-components
# 或
yarn add gimc-fronted-components

前置依赖

项目依赖以下 peerDependencies，请确保已安装：

npm install vue@^3.4.0 element-plus@^2.8.0

使用

全局注册

import { createApp } from 'vue'
import GimcUI from 'gimc-fronted-components'
import 'gimc-fronted-components/style.css'
import App from './App.vue'

const app = createApp(App)
app.use(GimcUI)
app.mount('#app')

按需导入

import { GimcUpload, GimcDatePicker } from 'gimc-fronted-components'
import 'gimc-fronted-components/style.css'

组件列表

| 组件 | 说明 | | --- | --- | | GimcCommonSearch | 通用搜索组件 | | GimcCommonTabs | 通用标签页组件 | | GimcDatePicker | 日期选择器 | | GimcPopover | 弹出框组件 | | GimcUpload | 文件上传组件 | | GimcSelectMultiple | 多选下拉组件 | | GimcTransfer | 穿梭框组件 | | GimcRemoteSelect | 远程搜索下拉组件 | | GimcSvgIcon | SVG 图标组件 |

开发

# 安装依赖
yarn install

# 启动组件开发服务器
npm run dev

# 启动文档站点
npm run docs:dev

# 构建组件库
npm run build

# 代码检查
npm run eslint
npm run tslint
npm run stylelint

文档

组件详细用法和 API 请参考 在线文档站点，本地启动：

npm run docs:dev

License

MIT