/semi-design-vue

Vue3 UI components based on semi-design and Vue

Primary LanguageTypeScriptMIT LicenseMIT

semi-design-vue

基于semi-design的Vue3适配

NPM CI LICENSE codecov

🔥 安装

# with npm
npm install @kousum/semi-ui-vue
npm install @kousum/semi-icons-vue

# with yarn
yarn add @kousum/semi-ui-vue
yarn add @kousum/semi-icons-vue

👍 使用

#Component.vue
<script setup>
import { Button } from "@kousum/semi-ui-vue"
</script>

<template>
  <div>
    <Button>hello word</Button>
  </div>
</template>

💖 Thanks

JetBrains Logo (Main) logo.

Thanks to JetBrains for providing Open Source development license(s).

开发

  1. 使用typescript,changeSets
  2. node: > 16

安装依赖

pnpm install

打包

pnpm build:lib

运行

pnpm dev

TODO

基础

  • Divider
  • Grid
  • Icon
  • Layout
  • Tokens
  • Space
  • Typography

输入类

  • AutoComplete
  • Button
  • Cascader 5f0912f
  • Checkbox 5f0912f
  • DatePicker
  • Form
  • Input
  • InputNumber
  • Radio
  • Rating
  • Select
  • Slider
  • Switch
  • TagInput 5f0912f
  • TimePicker
  • TreeSelect
  • Upload

导航类

  • Anchor
  • BackTop
  • Breadcrumb
  • Navigation
  • Pagination
  • Steps
  • Tabs
  • Tree

展示类

  • Avatar
  • Badge
  • Calendar
  • Card
  • Carousel
  • Collapse
  • Collapsible
  • Descriptions
  • Dropdown
  • Empty
  • Image
  • List
  • Modal
  • OverflowList
  • Popover
  • ScrollList
  • SideSheet
  • Table
  • Tag
  • Timeline
  • Tooltip

反馈类

  • Banner
  • Notification
  • Popconfirm
  • Progress
  • Skeleton
  • Spin
  • Toast

其他

  • ConfigProvider
  • LocaleProvider