Elane UI

一个面向政企 B 端业务管理系统的 Vue3 组件库与规范站。组件基于 Element Plus 二次封装，统一 Elane UI 的颜色、字体、按钮、反馈、选择控件和暗色变量。

当前内容

• 基础规范：Color、Typography、Icon、Spacing、Radius、Shadow、Grid、Z-index
• 基础组件：Button
• 反馈组件：Alert、Badge
• 选择组件：Checkbox、Radio、Switch

使用方式

安装依赖：

npm install elane-ui element-plus vue

全量注册：

import { createApp } from "vue";
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";
import ElaneUI from "elane-ui";
import "elane-ui/style.css";
import App from "./App.vue";

createApp(App).use(ElementPlus).use(ElaneUI).mount("#app");

按需使用：

<script setup lang="ts">
import { Plus } from "@element-plus/icons-vue";
import { ElaneButton } from "elane-ui";
import "elane-ui/style.css";
</script>

<template>
  <ElaneButton type="primary" :icon="Plus">新增</ElaneButton>
  <ElaneButton type="secondary">导出</ElaneButton>
  <ElaneButton type="danger">删除</ElaneButton>
</template>

本地开发

npm install
npm run dev
npm run build
npm run pack:check

业务项目应优先使用 ElaneButton、ElaneAlert、ElaneCheckbox 等组件，不要直接使用 el-button 再散落覆盖样式。