npm package: @ffpy/fui
Description: 使用Vue 3.2+命令空间组件
Latest version: 0.0.6

# FUI
使用Vue 3.2+命令空间组件

<p>
<a href="https://img.shields.io/npm/l/@ffpy/fui"><img src="https://img.shields.io/npm/l/NeteaseCloudMusicApi.svg" alt="License"></a>
</p>

## 环境要求
1. Vue 3.2+环境
2. 0.0.5+需要使用`<script setup>`

## 使用
1.方法一

手动导入组件
```vue
<template>
  <Box.Basic/>
  <Box.Wave/>
  <Box.Filter/>
  <Box.FilterWave/>
</template>

<script setup>
import {Box} from '@ffpy/fui';
</script>
```
2.方法二

自动导入组件 在vue.config.js中配置插件
```js
import vue from '@vitejs/plugin-vue'
import {defineConfig} from 'vite'
import {AutoImportFUI} from "@ffpy/fui";

export default defineConfig({
    plugins: [
        vue(),
        AutoImportFUI()
    ]
})
```

## 可使用的组件
| 命令空间         | 组件名                                                                                   |
|:-------------|:--------------------------------------------------------------------------------------|
| Box          | Basic,Text,Wave,Filter,FilterWave                                                     |
| Text         | Basic,Color                                                                           |
| Button       | Basic,Filter,FilterWave                                                               |
| Input        | Basic,Color,Filter,FilterWave,Button,FilterButton,FilterWaveButton                    |
| List         | Basic,Custom,Filter,Wave,FilterWave                                                   |
| Select       | Basic,Filter,FilterWave                                                               |
| Tooltip      | Basic,Custom                                                                          |
| Accordion    | Basic,Filter,FilterWave,Custom                                                        |
| Notification | Basic,Custom,Filter,FilterWave                                                        |
| Dialog       | Basic,Filter,FilterWave,Custom                                                        |
| Image        | Basic                                                                                 |
| Video        | Basic                                                                                 |
| Menu         | Custom,FilterCustom,FilterWaveCustom                                                  |
| Breadcrumb   | Basic                                                                                 |
| Link         | Basic,Icon,Route,IconRoute                                                            |
| CheckBox     | Basic                                                                                 |
| Form         | Button,CheckBox,Input,Select                                                          |
| Scroll       | Basic,Horizontal,Vertical                                                             |
| Effect       | StarryMove,MoveFont,Starry,Comment,Click1,Click2,Net,Line,Sakura,Input,Tree,BlackHole |
## 可使用的工具

| 工具名           |
|:--------------|
| Animation     |
| Media         |
| Page          |
| AndroidNative |
| Title         |
| CustomTitle   |
| Runtime       |
| AutoImportFUI |

## License

The MIT License (MIT)

## Keywords
FUI UI Vue Vue3