ThemeController主题控制器

基础用法

props 有 themes darkThemes

themes 定义包含的的主题

darkThemes 定义哪些主题为暗黑主题，切换主题的时候 ifDark 将依据这点来修改状态

这个定义主要是解决一些库仅仅支持 class="dark" 来响应样式的问题 或 仅仅只有 light 和 dark 两种主题的问题

提供了 theme 和 ifDark 两个响应式绑定

@change 用于处理切换主题的回调，返回对应的 theme 值

使用了daisyui官方的全部主题，通常不需要做多余处理，自行选择需要的主题即可 如果需要自定义额外主题，只需要添加配置好对应的css即可开箱即用 daisyui文档

使用插槽

提供插槽用于覆盖默认样式

对齐方式

设置 align 来设置对齐方式，可选值有 left center right ，默认值为 right

对齐的参照是下拉框容器相对于按钮

具体来说就是：设置为 left 时下拉框容器时左侧与按钮对齐，center 为中间， right 为右侧

API

Attributes

属性值	说明	类型	具体类型	默认值
themes	主题	string[]	-	daisyui官方主题
darkThemes	暗黑主题	string[]	-	daisyui其上的暗系主题
align	对齐方式	enum	['left','center','right']	'right'

Event

名称	说明	类型	具体类型
change	切换主题	Function	(theme:string) => void

Slots

插槽名	说明
default	自定义样式

Expose

方法名	说明	类型	具体类型
setTheme	设置主题,并返回是否为dark模式	Function	(theme:string) => boolean