组件
此文档将介绍所有在插件中可用的组件,以及它们的使用方法和区别。
基础组件库
我们为 Halo 的前端封装了一个基础组件的库,你可以在插件中使用这些组件。
安装方式:
pnpm install @halo-dev/components
在 Vue 组件中:
<script lang="ts" setup>
import { VButton } from "@halo-dev/components";
</script>
<template>
<VButton>Hello</VButton>
</template>
所有可用的基础组件以及文档可查阅:https://halo-ui-components.pages.dev
业务组件和指令
除了基础组件库,我们还为 Halo 的前端封装了一些业务组件和指令,这些组件已经在全局注册,你可以直接在插件中使用这些组件和指令。
以下是所有可用的业务组件和指令:
📄️ UppyUpload
文件上传组件
📄️ FilterDropdown
过滤器下拉组件
📄️ FilterCleanButton
过滤器清除按钮组件
📄️ AnnotationsForm
元数据表单组件
📄️ AttachmentFileTypeIcon
附件文件类型图标组件
📄️ AttachmentSelectorModal
附件选择组件
📄️ HasPermission
权限判断组件
📄️ SearchInput
搜索输入框组件
📄️ PluginDetailModal
插件详情弹窗组件
📄️ VCodemirror
代码编辑器组件
📄️ v-tooltip
Tooltip 指令
📄️ v-permission
权限指令