新增 TDesign 组件类型声明,并更新主题模式设置

This commit is contained in:
hello8693 2025-03-21 20:48:24 +08:00
parent f2b77a114e
commit 2344b980d6
2 changed files with 27 additions and 0 deletions

View File

@ -8,18 +8,26 @@ export {}
declare module 'vue' { declare module 'vue' {
export interface GlobalComponents { export interface GlobalComponents {
AboutDialog: typeof import('./src/components/AboutDialog.vue')['default'] AboutDialog: typeof import('./src/components/AboutDialog.vue')['default']
CustomTitleBar: typeof import('./src/components/CustomTitleBar.vue')['default']
RouterLink: typeof import('vue-router')['RouterLink'] RouterLink: typeof import('vue-router')['RouterLink']
RouterView: typeof import('vue-router')['RouterView'] RouterView: typeof import('vue-router')['RouterView']
SideExamInfoPanel: typeof import('./src/components/SideExamInfoPanel.vue')['default'] SideExamInfoPanel: typeof import('./src/components/SideExamInfoPanel.vue')['default']
SideExamsPanel: typeof import('./src/components/SideExamsPanel.vue')['default'] SideExamsPanel: typeof import('./src/components/SideExamsPanel.vue')['default']
TAside: typeof import('tdesign-vue-next')['Aside']
TButton: typeof import('tdesign-vue-next')['Button'] TButton: typeof import('tdesign-vue-next')['Button']
TCard: typeof import('tdesign-vue-next')['Card'] TCard: typeof import('tdesign-vue-next')['Card']
TCol: typeof import('tdesign-vue-next')['Col'] TCol: typeof import('tdesign-vue-next')['Col']
TConfigProvider: typeof import('tdesign-vue-next')['ConfigProvider'] TConfigProvider: typeof import('tdesign-vue-next')['ConfigProvider']
TContent: typeof import('tdesign-vue-next')['Content']
TDatePicker: typeof import('tdesign-vue-next')['DatePicker'] TDatePicker: typeof import('tdesign-vue-next')['DatePicker']
TDialog: typeof import('tdesign-vue-next')['Dialog'] TDialog: typeof import('tdesign-vue-next')['Dialog']
TDivider: typeof import('tdesign-vue-next')['Divider']
TDrawer: typeof import('tdesign-vue-next')['Drawer']
TEmpty: typeof import('tdesign-vue-next')['Empty']
TForm: typeof import('tdesign-vue-next')['Form'] TForm: typeof import('tdesign-vue-next')['Form']
TFormItem: typeof import('tdesign-vue-next')['FormItem'] TFormItem: typeof import('tdesign-vue-next')['FormItem']
THeader: typeof import('tdesign-vue-next')['Header']
TIcon: typeof import('tdesign-vue-next')['Icon']
TInput: typeof import('tdesign-vue-next')['Input'] TInput: typeof import('tdesign-vue-next')['Input']
TInputNumber: typeof import('tdesign-vue-next')['InputNumber'] TInputNumber: typeof import('tdesign-vue-next')['InputNumber']
TLayout: typeof import('tdesign-vue-next')['Layout'] TLayout: typeof import('tdesign-vue-next')['Layout']
@ -27,6 +35,12 @@ declare module 'vue' {
TList: typeof import('tdesign-vue-next')['List'] TList: typeof import('tdesign-vue-next')['List']
TListItem: typeof import('tdesign-vue-next')['ListItem'] TListItem: typeof import('tdesign-vue-next')['ListItem']
TListItemMeta: typeof import('tdesign-vue-next')['ListItemMeta'] TListItemMeta: typeof import('tdesign-vue-next')['ListItemMeta']
TMenu: typeof import('tdesign-vue-next')['Menu']
TMenuItem: typeof import('tdesign-vue-next')['MenuItem']
TOption: typeof import('tdesign-vue-next')['Option']
TRow: typeof import('tdesign-vue-next')['Row'] TRow: typeof import('tdesign-vue-next')['Row']
TSelect: typeof import('tdesign-vue-next')['Select']
TStickyItem: typeof import('tdesign-vue-next')['StickyItem']
TStickyTool: typeof import('tdesign-vue-next')['StickyTool']
} }
} }

View File

@ -23,6 +23,19 @@ app.use(router)
app.use(CodeLayout) app.use(CodeLayout)
// app.use(TDesign) // app.use(TDesign)
// const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
// function updateTheme(event: MediaQueryListEvent) {
// console.log('updateTheme', event.matches)
// document.documentElement.setAttribute('theme-mode', event.matches ? 'dark' : 'light')
// }
// mediaQuery.addEventListener('change', updateTheme)
// // Set the initial theme
// document.documentElement.setAttribute('theme-mode', mediaQuery.matches ? 'dark' : 'light')
document.documentElement.setAttribute('theme-mode', 'dark') document.documentElement.setAttribute('theme-mode', 'dark')
app.mount('#app') app.mount('#app')