SUP-UI

基于 Vue 3 + TypeScript 的组件库，集成了 Element Plus，提供更好的 TypeScript 支持。

安装

# NPM
npm install @cy7768/sup-ui

# PNPM (推荐)
pnpm add @cy7768/sup-ui

版本兼容性

| 依赖项 | 版本要求 | | ------------ | -------- | | Vue | ^3.5.13 | | Element Plus | ^2.5.0 | | TypeScript | ^4.9.0 |

快速开始

完整引入

import { createApp } from 'vue'
import SupUI from '@cy7768/sup-ui'
import 'element-plus/dist/index.css'
import App from './App.vue'

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

按需引入

<template>
  <c-button type="primary">按钮</c-button>
  <c-input v-model="value" />
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { CButton, CInput } from '@cy7768/sup-ui'

const value = ref('')
</script>

组件文档

Button 按钮

基于 Element Plus 的 Button 组件封装。

<template>
  <c-button 
    type="primary"
    size="default"
    :disabled="false"
    @click="handleClick"
  >
    按钮
  </c-button>
</template>

Props

| 属性 | 说明 | 类型 | 可选值 | 默认值 | | -------- | -------- | ------- | --------------------------------------------------------------------- | --------- | | type | 类型 | string | default / primary / success / warning / info / danger / text | default | | size | 尺寸 | string | default / small / large | default | | disabled | 是否禁用 | boolean | true / false | false |

Input 输入框

基于 Element Plus 的 Input 组件封装。

<template>
  <c-input v-model="value" />
</template>

<script setup lang="ts">
import { ref } from 'vue'

const value = ref('')
</script>

Props

| 属性 | 说明 | 类型 | 默认值 | | ---------- | ------ | -------------- | ------ | | modelValue | 绑定值 | string/number | - |

本地开发

# 安装依赖
pnpm install

# 构建组件库
pnpm build

许可证

MIT

</rewritten_file>