mirror of https://github.com/halo-dev/halo-admin
28c95c199f
#### What type of PR is this?
/kind feature
/milestone 2.0
#### What this PR does / why we need it:
添加选择附件类型的 FormKit 输入框。
在 Vue 单组件中使用：
```vue
<script lang="ts" setup>
const logo = ref("")
</script>
<template>
<FormKit
v-model="logo"
label="Logo"
type="attachment"
validation="required"
/>
</template>
```
在 FormKit Schema 中使用（插件 / 主题设置表单定义）：
```yaml
- $formkit: attachment
name: logo
label: Logo
```
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2558
#### Screenshots:
<img width="671" alt="image" src="https://user-images.githubusercontent.com/21301288/198980581-ba90ec32-f205-4d03-8546-3c93238298e7.png">
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
#### Does this PR introduce a user-facing change?
```release-note
添加选择附件类型的 FormKit 输入框。
```
|
||
|---|---|---|
| .. | ||
| README.md | ||
README.md
自定义 FormKit 输入组件
原由
目前在 Console 端的所有表单都使用了 FormKit，但 FormKit 内置的 Input 组件并不满足所有的需求，因此需要自定义一些 Input 组件。此外，为了插件和主题能够更加方便的使用系统内的一些数据，所以同样需要自定义一些带数据的选择组件。
使用方式
目前已提供以下类型：
code: 代码编辑器- 参数
- language: 目前支持
yaml,html,css,javascript,json - height: 编辑器高度，如：
100px
- language: 目前支持
- 参数
attachment: 附件选择menuCheckbox：选择一组菜单menuRadio：选择一个菜单menuItemSelect：选择菜单项postSelect：选择文章singlePageSelect：选择自定义页面categorySelect：选择分类categoryCheckbox：选择多个分类tagSelect：选择标签tagCheckbox：选择多个标签
在 Vue 单组件中使用：
<script lang="ts" setup>
const postName = ref("")
</script>
<template>
<FormKit
v-model="postName"
placeholder="请选择文章"
label="文章"
type="postSelect"
validation="required"
/>
</template>
在 FormKit Schema 中使用（插件 / 主题设置表单定义）：
- $formkit: menuRadio
name: menus
label: 底部菜单组