mirror of https://github.com/halo-dev/halo-admin
edef11cc12
#### What type of PR is this? /kind feature /milestone 2.0 #### What this PR does / why we need it: Ref https://github.com/halo-dev/halo/issues/2526#issuecomment-1273094868 FormKit 文档：https://formkit.com/advanced/custom-inputs 通过扩展 FormKit 的自定义 Input，提供系统常用资源的选择组件。 目前提供如下类型： - menuCheckbox - menuRadio - menuItemSelect - postSelect - categorySelect - tagSelect - singlePageSelect - categoryCheckbox - tagCheckbox FormKit 组件的使用方式： ```vue <FormKit placeholder="请选择文章" label="文章" type="postSelect" validation="required" /> ``` FormKit Schema 的使用方式： ```yaml - $formkit: menuRadio name: menus label: 底部菜单组 ``` #### Which issue(s) this PR fixes: Fixes https://github.com/halo-dev/halo/issues/2526 #### Screenshots: <!-- 如果此 PR 有 UI 的改动，最好截图说明这个 PR 的改动。 If there are UI changes to this PR, it is best to take a screenshot to illustrate the changes to this PR. eg. Before:  After:  --> #### Special notes for your reviewer: /cc @halo-dev/sig-halo-console 测试方式： 1. 检查后台文章设置弹框的选择分类和标签功能是否正常。 2. 检查后台添加菜单项的功能是否正常。 3. 使用主题或者插件定义 settings.yaml，使用上述任意 input 类型，检查得到的效果和值是否正常。 #### Does this PR introduce a user-facing change? ```release-note 通过扩展 FormKit 的自定义 Input，提供系统常用资源的选择组件。 ``` |
||
|---|---|---|
| .. | ||
| README.md | ||
README.md
自定义 FormKit 输入组件
原由
目前不管是在 Console 中，还是在插件 / 主题设置表单中，都有可能选择系统当中的资源，所以可以通过自定义 FormKit 组件的方式提供常用的选择器。
使用方式
目前已提供以下类型：
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: 底部菜单组