@quiteer/naive-extra 0.0.1

package/src/components/upload/index.vue

@@ -0,0 +1,267 @@
+<script lang="ts" setup>
+import type { UploadFileInfo, UploadProps } from 'naive-ui'
+import type { Props } from './props'
+import { isArray, isString } from '@quiteer/is'
+import { computed, nextTick, ref, useAttrs, watchEffect } from 'vue'
+
+interface FileListItem {
+  id: string
+  name: string
+  url: string
+}
+
+const props = defineProps<Props>()
+
+const attrs = useAttrs()
+
+const uploadProps = computed<UploadProps>(() => {
+  return {
+    ...attrs,
+    isErrorState,
+    onFinish: handleFinish,
+    onRemove: handleRemove,
+    onError: handleError,
+    onBeforeUpload: handleBeforeUpload
+  }
+})
+
+const modelValue = defineModel<FileListItem[] | string | undefined>('value')
+
+const isSingle = computed(() => props.max === 1)
+const accept = computed(() => (props.accept as string) ?? '')
+const fileSize = computed(() => (props.fileSize as number) ?? 0)
+const showTip = computed(() => props.accept || props.fileSize)
+
+const fileList = ref<UploadFileInfo[]>([])
+
+function transformList(uri: FileListItem[] | undefined | null): UploadFileInfo[] {
+  if (!uri)
+    return []
+
+  if (Array.isArray(uri)) {
+    return uri.map((item) => {
+      return {
+        ...item,
+        status: 'finished'
+      }
+    })
+  }
+  return []
+}
+
+watchEffect(() => {
+  if (isString(modelValue.value)) {
+    fileList.value = [{ id: '0', name: '文件', url: modelValue.value, status: 'finished' }]
+  }
+  else if (isArray(modelValue.value)) {
+    fileList.value = transformList(modelValue.value)
+  }
+})
+
+function isErrorState(xhr: XMLHttpRequest) {
+  const responseText = xhr?.responseText
+  const response = JSON.parse(responseText)
+  return response.code !== 200
+}
+
+// 函数：文件上传完成后的处理
+// 作用：根据配置更新 v-model 的值（字符串或列表），并返回 UploadFileInfo
+function handleFinish({ file, event }: { file: UploadFileInfo, event?: ProgressEvent }) {
+  console.log('handleFinish :>> ', file)
+
+  const result = JSON.parse((event?.target as unknown as any)?.response)?.data as {
+    url: string
+    fileName: string
+    ossId: string
+  }
+
+  if (props.dataType === 'string') {
+    modelValue.value = result.url
+  }
+  else {
+    if (!isArray(modelValue.value))
+      modelValue.value = []
+    nextTick(() => {
+      (modelValue.value as FileListItem[])?.push({
+        id: result.ossId,
+        name: result.fileName,
+        url: result.url
+      })
+    })
+  }
+
+  return file
+}
+
+// 函数：移除文件后的处理
+// 作用：根据是否单文件模式更新 v-model 的列表
+function handleRemove({ index }: { index: number }) {
+  console.log('handleRemove :>> ', index)
+  if (isSingle.value) {
+    modelValue.value = []
+  }
+  else {
+    modelValue.value = (modelValue.value as FileListItem[])?.filter((_, i) => i !== index)
+  }
+}
+
+// 函数：上传错误时的处理
+// 作用：打印后端返回的错误信息
+function handleError(options: { file: UploadFileInfo, event?: ProgressEvent }) {
+  console.log('handleError :>> ', options)
+  const { event } = options
+  // @ts-expect-error Ignore type errors
+  const responseText = event?.target?.responseText
+  const resObj = JSON.parse(responseText)
+  console.error('resObj: ', resObj)
+}
+
+// 函数：上传前校验
+// 作用：校验类型、大小、文件名合法性，返回是否允许上传
+function handleBeforeUpload(options: { file: UploadFileInfo, fileList: UploadFileInfo[] }) {
+  console.log('handleBeforeUpload: ', options)
+  const { file } = options
+
+  // 校检文件类型
+  if (props?.accept) {
+    const fileName = file.name.split('.')
+    const fileExt = `.${fileName[fileName.length - 1]}`
+    const isTypeOk = accept.value.split(',')?.includes(fileExt)
+    if (!isTypeOk) {
+      return false
+    }
+  }
+  // 校检文件名是否包含特殊字符
+  if (file.name.includes(',')) {
+    return false
+  }
+  // 校检文件大小
+  if (props.fileSize && file.file?.size) {
+    const isLt = file.file?.size / 1024 / 1024 < fileSize.value
+    if (!isLt) {
+      return false
+    }
+  }
+  return true
+}
+</script>
+
+<template>
+  <template v-if="props.fileType === 'file'">
+    <NUpload v-bind="uploadProps" v-model:file-list="fileList">
+      <NButton>上传文件</NButton>
+    </NUpload>
+  </template>
+  <template v-else-if="props.fileType === 'dragger-file'">
+    <div class="w-full flex-col">
+      <NUpload
+        v-bind="uploadProps"
+        v-model:file-list="fileList"
+        :multiple="!isSingle"
+        directory-dnd
+        list-type="image"
+      >
+        <NUploadDragger>
+          <div class="mb-12px flex-center">
+            <i class="i-material-symbols:upload-file text-58px color-#d8d8db dark:color-#a1a1a2" />
+          </div>
+          <NText class="text-16px">
+            点击或者拖动文件到该区域来上传
+          </NText>
+          <NP v-if="showTip" depth="3" class="mt-8px text-center">
+            请上传
+            <template v-if="fileSize">
+              大小不超过
+              <b class="text-red-500">{{ fileSize }}MB</b>
+            </template>
+            <template v-if="accept">
+              ，且格式为
+              <b class="text-red-500">{{ accept?.split(',').join('/') }}</b>
+            </template>
+            的文件
+          </NP>
+        </NUploadDragger>
+      </NUpload>
+    </div>
+  </template>
+  <template v-else-if="props.fileType === 'image-view'">
+    <template v-if="!props.disabled">
+      <NUpload v-bind="uploadProps" v-model:file-list="fileList" list-type="image-card" />
+    </template>
+    <NImageGroup v-else>
+      <NSpace>
+        <NImage v-for="(item, i) in fileList" :key="i" width="100" :src="item.url ?? ''" />
+      </NSpace>
+    </NImageGroup>
+  </template>
+  <template v-else-if="props.fileType === 'video-view'">
+    <template v-if="!props.disabled">
+      <NUpload v-bind="uploadProps" v-model:file-list="fileList" :show-file-list="false">
+        <NButton>上传视频</NButton>
+      </NUpload>
+      <NSpace class="mt-12px">
+        <div v-for="(item, i) in fileList" :key="i" style="width: 320px;">
+          <video
+            v-if="item.url"
+            :src="item.url"
+            controls
+            style="width: 100%; border-radius: 8px; background: #000;"
+          />
+          <NText v-else>
+            暂无预览
+          </NText>
+        </div>
+      </NSpace>
+    </template>
+    <NSpace v-else>
+      <div v-for="(item, i) in fileList" :key="i" style="width: 320px;">
+        <video
+          v-if="item.url"
+          :src="item.url"
+          controls
+          style="width: 100%; border-radius: 8px; background: #000;"
+        />
+        <NText v-else>
+          暂无预览
+        </NText>
+      </div>
+    </NSpace>
+  </template>
+
+  <template v-else-if="props.fileType === 'audio-view'">
+    <template v-if="!props.disabled">
+      <NUpload
+        v-bind="uploadProps" v-model:file-list="fileList"
+        :show-file-list="false"
+      >
+        <NButton>上传音频</NButton>
+      </NUpload>
+      <NSpace class="mt-12px">
+        <div v-for="(item, i) in fileList" :key="i" style="width: 320px;">
+          <audio
+            v-if="item.url"
+            :src="item.url"
+            controls
+            style="width: 100%;"
+          />
+          <NText v-else>
+            暂无预览
+          </NText>
+        </div>
+      </NSpace>
+    </template>
+    <NSpace v-else>
+      <div v-for="(item, i) in fileList" :key="i" style="width: 320px;">
+        <audio
+          v-if="item.url"
+          :src="item.url"
+          controls
+          style="width: 100%;"
+        />
+        <NText v-else>
+          暂无预览
+        </NText>
+      </div>
+    </NSpace>
+  </template>
+</template>

package/src/components/upload/props.ts

@@ -0,0 +1,8 @@
+import type { UploadProps } from 'naive-ui'
+
+export interface Props extends /* @vue-ignore */ UploadProps {
+  fileType: 'image-view' | 'video-view' | 'audio-view' | 'file' | 'dragger-file'
+  fileSize?: number
+  /** 传入string返回值为url 不传默认数据为数组形式 */
+  dataType?: 'string'
+}

package/src/components.d.ts

@@ -0,0 +1,154 @@
+/* eslint-disable */
+// @ts-nocheck
+// biome-ignore lint: disable
+// oxlint-disable
+// ------
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+import { GlobalComponents } from 'vue'
+
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    Action: typeof import('./components/button/action/index.vue')['default']
+    AppBreadcrumb: typeof import('./components/layout/layout-parts/AppBreadcrumb.vue')['default']
+    AppFooter: typeof import('./components/layout/layout-parts/AppFooter.vue')['default']
+    AppHeader: typeof import('./components/layout/layout-parts/AppHeader.vue')['default']
+    AppLeftLogoInfo: typeof import('./components/layout/layout-parts/AppLeftLogoInfo.vue')['default']
+    AppMain: typeof import('./components/layout/layout-parts/AppMain.vue')['default']
+    AppSidebar: typeof import('./components/layout/layout-parts/AppSidebar.vue')['default']
+    Base: typeof import('./components/button/base/index.vue')['default']
+    Breadcrumb: typeof import('./components/breadcrumb/index.vue')['default']
+    Form: typeof import('./components/form/index.vue')['default']
+    Icon: typeof import('./components/icon/index.vue')['default']
+    IconPicker: typeof import('./components/icon/IconPicker.vue')['default']
+    Layout: typeof import('./components/layout/index.vue')['default']
+    LayoutTransition: typeof import('./components/layout/layout-parts/LayoutTransition.vue')['default']
+    NBreadcrumb: typeof import('naive-ui')['NBreadcrumb']
+    NBreadcrumbItem: typeof import('naive-ui')['NBreadcrumbItem']
+    NButton: typeof import('naive-ui')['NButton']
+    NCard: typeof import('naive-ui')['NCard']
+    NCheckbox: typeof import('naive-ui')['NCheckbox']
+    NCheckboxGroup: typeof import('naive-ui')['NCheckboxGroup']
+    NCollapse: typeof import('naive-ui')['NCollapse']
+    NCollapseItem: typeof import('naive-ui')['NCollapseItem']
+    NConfigProvider: typeof import('naive-ui')['NConfigProvider']
+    NDataTable: typeof import('naive-ui')['NDataTable']
+    NDialogProvider: typeof import('naive-ui')['NDialogProvider']
+    NDivider: typeof import('naive-ui')['NDivider']
+    NDropdown: typeof import('naive-ui')['NDropdown']
+    NEmpty: typeof import('naive-ui')['NEmpty']
+    NFlex: typeof import('naive-ui')['NFlex']
+    NForm: typeof import('naive-ui')['NForm']
+    NFormItemGi: typeof import('naive-ui')['NFormItemGi']
+    NGi: typeof import('naive-ui')['NGi']
+    NGrid: typeof import('naive-ui')['NGrid']
+    NImage: typeof import('naive-ui')['NImage']
+    NImageGroup: typeof import('naive-ui')['NImageGroup']
+    NInput: typeof import('naive-ui')['NInput']
+    NLayout: typeof import('naive-ui')['NLayout']
+    NLayoutContent: typeof import('naive-ui')['NLayoutContent']
+    NLayoutFooter: typeof import('naive-ui')['NLayoutFooter']
+    NLayoutHeader: typeof import('naive-ui')['NLayoutHeader']
+    NLayoutSider: typeof import('naive-ui')['NLayoutSider']
+    NLoadingBarProvider: typeof import('naive-ui')['NLoadingBarProvider']
+    NMenu: typeof import('naive-ui')['NMenu']
+    NMessageProvider: typeof import('naive-ui')['NMessageProvider']
+    NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
+    NP: typeof import('naive-ui')['NP']
+    NPopconfirm: typeof import('naive-ui')['NPopconfirm']
+    NPopover: typeof import('naive-ui')['NPopover']
+    NRadio: typeof import('naive-ui')['NRadio']
+    NRadioGroup: typeof import('naive-ui')['NRadioGroup']
+    NScrollbar: typeof import('naive-ui')['NScrollbar']
+    NSelect: typeof import('naive-ui')['NSelect']
+    NSpace: typeof import('naive-ui')['NSpace']
+    NSpin: typeof import('naive-ui')['NSpin']
+    NSwitch: typeof import('naive-ui')['NSwitch']
+    NTag: typeof import('naive-ui')['NTag']
+    NText: typeof import('naive-ui')['NText']
+    NTooltip: typeof import('naive-ui')['NTooltip']
+    NUpload: typeof import('naive-ui')['NUpload']
+    NUploadDragger: typeof import('naive-ui')['NUploadDragger']
+    Provider: typeof import('./components/provider/index.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SearchBar: typeof import('./components/search-bar/index.vue')['default']
+    Table: typeof import('./components/table/index.vue')['default']
+    TableSetting: typeof import('./components/table/TableSetting.vue')['default']
+    Upload: typeof import('./components/upload/index.vue')['default']
+  }
+}
+
+// For TSX support
+declare global {
+  const Action: typeof import('./components/button/action/index.vue')['default']
+  const AppBreadcrumb: typeof import('./components/layout/layout-parts/AppBreadcrumb.vue')['default']
+  const AppFooter: typeof import('./components/layout/layout-parts/AppFooter.vue')['default']
+  const AppHeader: typeof import('./components/layout/layout-parts/AppHeader.vue')['default']
+  const AppLeftLogoInfo: typeof import('./components/layout/layout-parts/AppLeftLogoInfo.vue')['default']
+  const AppMain: typeof import('./components/layout/layout-parts/AppMain.vue')['default']
+  const AppSidebar: typeof import('./components/layout/layout-parts/AppSidebar.vue')['default']
+  const Base: typeof import('./components/button/base/index.vue')['default']
+  const Breadcrumb: typeof import('./components/breadcrumb/index.vue')['default']
+  const Form: typeof import('./components/form/index.vue')['default']
+  const Icon: typeof import('./components/icon/index.vue')['default']
+  const IconPicker: typeof import('./components/icon/IconPicker.vue')['default']
+  const Layout: typeof import('./components/layout/index.vue')['default']
+  const LayoutTransition: typeof import('./components/layout/layout-parts/LayoutTransition.vue')['default']
+  const NBreadcrumb: typeof import('naive-ui')['NBreadcrumb']
+  const NBreadcrumbItem: typeof import('naive-ui')['NBreadcrumbItem']
+  const NButton: typeof import('naive-ui')['NButton']
+  const NCard: typeof import('naive-ui')['NCard']
+  const NCheckbox: typeof import('naive-ui')['NCheckbox']
+  const NCheckboxGroup: typeof import('naive-ui')['NCheckboxGroup']
+  const NCollapse: typeof import('naive-ui')['NCollapse']
+  const NCollapseItem: typeof import('naive-ui')['NCollapseItem']
+  const NConfigProvider: typeof import('naive-ui')['NConfigProvider']
+  const NDataTable: typeof import('naive-ui')['NDataTable']
+  const NDialogProvider: typeof import('naive-ui')['NDialogProvider']
+  const NDivider: typeof import('naive-ui')['NDivider']
+  const NDropdown: typeof import('naive-ui')['NDropdown']
+  const NEmpty: typeof import('naive-ui')['NEmpty']
+  const NFlex: typeof import('naive-ui')['NFlex']
+  const NForm: typeof import('naive-ui')['NForm']
+  const NFormItemGi: typeof import('naive-ui')['NFormItemGi']
+  const NGi: typeof import('naive-ui')['NGi']
+  const NGrid: typeof import('naive-ui')['NGrid']
+  const NImage: typeof import('naive-ui')['NImage']
+  const NImageGroup: typeof import('naive-ui')['NImageGroup']
+  const NInput: typeof import('naive-ui')['NInput']
+  const NLayout: typeof import('naive-ui')['NLayout']
+  const NLayoutContent: typeof import('naive-ui')['NLayoutContent']
+  const NLayoutFooter: typeof import('naive-ui')['NLayoutFooter']
+  const NLayoutHeader: typeof import('naive-ui')['NLayoutHeader']
+  const NLayoutSider: typeof import('naive-ui')['NLayoutSider']
+  const NLoadingBarProvider: typeof import('naive-ui')['NLoadingBarProvider']
+  const NMenu: typeof import('naive-ui')['NMenu']
+  const NMessageProvider: typeof import('naive-ui')['NMessageProvider']
+  const NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
+  const NP: typeof import('naive-ui')['NP']
+  const NPopconfirm: typeof import('naive-ui')['NPopconfirm']
+  const NPopover: typeof import('naive-ui')['NPopover']
+  const NRadio: typeof import('naive-ui')['NRadio']
+  const NRadioGroup: typeof import('naive-ui')['NRadioGroup']
+  const NScrollbar: typeof import('naive-ui')['NScrollbar']
+  const NSelect: typeof import('naive-ui')['NSelect']
+  const NSpace: typeof import('naive-ui')['NSpace']
+  const NSpin: typeof import('naive-ui')['NSpin']
+  const NSwitch: typeof import('naive-ui')['NSwitch']
+  const NTag: typeof import('naive-ui')['NTag']
+  const NText: typeof import('naive-ui')['NText']
+  const NTooltip: typeof import('naive-ui')['NTooltip']
+  const NUpload: typeof import('naive-ui')['NUpload']
+  const NUploadDragger: typeof import('naive-ui')['NUploadDragger']
+  const Provider: typeof import('./components/provider/index.vue')['default']
+  const RouterLink: typeof import('vue-router')['RouterLink']
+  const RouterView: typeof import('vue-router')['RouterView']
+  const SearchBar: typeof import('./components/search-bar/index.vue')['default']
+  const Table: typeof import('./components/table/index.vue')['default']
+  const TableSetting: typeof import('./components/table/TableSetting.vue')['default']
+  const Upload: typeof import('./components/upload/index.vue')['default']
+}

package/src/const/defaults.ts

@@ -0,0 +1,94 @@
+import type { NaiveExtraThemeConfig } from './types'
+
+/**
+ * 默认主题配置托底
+ *
+ * 包含全局组件的默认样式与尺寸行为，确保在用户未提供配置时系统仍能正常运行。
+ */
+export const DEFAULT_THEME_CONFIG: NaiveExtraThemeConfig = {
+  themeMode: 'light',
+  localeMode: 'zh',
+  borderRadius: 4,
+  palette: {
+    primary: '#18a058',
+    info: '#2080f0',
+    success: '#18a058',
+    warning: '#f0a020',
+    error: '#d03050'
+  },
+  common: {},
+  table: {
+    striped: true,
+    rowClassName: undefined,
+    onUpdatePage: undefined,
+    onUpdatePageSize: undefined,
+    tableColor: undefined,
+    tableHeaderColor: undefined,
+    tableColorStriped: undefined,
+    tableColorHover: undefined,
+    tdPaddingHorizontal: undefined,
+    tdPaddingVertical: undefined,
+    thPaddingHorizontal: undefined,
+    thPaddingVertical: undefined
+  },
+  layout: {
+    headerHeight: 64,
+    footerHeight: 48,
+    siderWidth: 240,
+    siderCollapsedWidth: 64,
+    mixedMenuWidth: 80,
+    mixedMenuCollapsedWidth: 48,
+    color: undefined,
+    colorEmbedded: undefined,
+    headerColor: undefined,
+    footerColor: undefined,
+    siderColor: undefined,
+    showFooter: true,
+    showHeader: true,
+    showTabs: true,
+    fixedHeader: true,
+    fixedFooter: true
+  },
+  menu: {
+    accordion: true,
+    collapsedIconSize: 22,
+    iconSize: 20,
+    indent: 24,
+    inverted: false,
+    itemHeight: 42,
+    collapsedWidth: 64
+  },
+  tabs: {
+    type: 'card',
+    closable: true,
+    animated: true,
+    showIcon: true
+  },
+  scrollbar: {
+    trigger: 'hover',
+    xScrollable: true
+  },
+  breadcrumb: {
+    showIcon: true,
+    separator: '/'
+  },
+  message: {
+    duration: 3000,
+    max: 3,
+    placement: 'top',
+    showIcon: true,
+    closable: false
+  },
+  notification: {
+    duration: 5000,
+    max: 5,
+    placement: 'top-right'
+  },
+  loadingBar: {
+    loadingBarStyle: {
+      loading: undefined,
+      error: undefined
+    }
+  },
+  overrides: {}
+}

package/src/const/index.ts

@@ -0,0 +1,2 @@
+export * from './defaults'
+export * from './types'

package/src/const/types.ts

@@ -0,0 +1,139 @@
+import type { GlobalThemeOverrides } from 'naive-ui'
+
+/**
+ * 表格主题配置接口
+ */
+export interface TableThemeConfig {
+  /** 是否开启斑马纹 */
+  striped?: boolean
+  /** 行类名 */
+  rowClassName?: string | ((row: any) => string)
+  /** 分页回调 */
+  onUpdatePage?: (page: number) => void
+  /** 每页条数回调 */
+  onUpdatePageSize?: (pageSize: number) => void
+  /** 表格背景色 */
+  tableColor?: string
+  /** 表头背景色 */
+  tableHeaderColor?: string
+  /** 斑马纹颜色 */
+  tableColorStriped?: string
+  /** 悬浮行背景色 */
+  tableColorHover?: string
+  /** 单元格左右内边距 */
+  tdPaddingHorizontal?: string
+  /** 单元格上下内边距 */
+  tdPaddingVertical?: string
+  /** 表头单元格左右内边距 */
+  thPaddingHorizontal?: string
+  /** 表头单元格上下内边距 */
+  thPaddingVertical?: string
+}
+
+/**
+ * Naive UI 基础变量类型
+ */
+export type CommonThemeVars = NonNullable<GlobalThemeOverrides['common']>
+
+/**
+ * 泛型对象类型
+ */
+export type Recordable<T = any> = Record<string, T>
+
+/**
+ * 品牌色板类型
+ */
+export interface BrandPalette {
+  primary: string
+  info: string
+  success: string
+  warning: string
+  error: string
+}
+
+/**
+ * 主题配置接口定义
+ */
+export interface NaiveExtraThemeConfig {
+  /** 主题模式 */
+  themeMode?: 'light' | 'dark' | 'system'
+  /** 语言模式 */
+  localeMode?: 'zh' | 'en'
+  /** 全局圆角 (px) */
+  borderRadius?: number
+  /** 品牌色板 */
+  palette?: Partial<BrandPalette>
+  /** 全局基础变量配置 (对应 Naive UI 的 common) */
+  common?: CommonThemeVars
+  /** 表格相关配置 */
+  table?: TableThemeConfig
+  /** 布局相关配置 */
+  layout?: {
+    headerHeight?: number
+    footerHeight?: number
+    siderWidth?: number
+    siderCollapsedWidth?: number
+    mixedMenuWidth?: number
+    mixedMenuCollapsedWidth?: number
+    color?: string
+    colorEmbedded?: string
+    headerColor?: string
+    footerColor?: string
+    siderColor?: string
+    showFooter?: boolean
+    showHeader?: boolean
+    showTabs?: boolean
+    fixedHeader?: boolean
+    fixedFooter?: boolean
+  }
+  /** 菜单相关配置 */
+  menu?: {
+    accordion?: boolean
+    collapsedIconSize?: number
+    iconSize?: number
+    indent?: number
+    inverted?: boolean
+    itemHeight?: number
+    collapsedWidth?: number
+  }
+  /** 标签页相关配置 */
+  tabs?: {
+    type?: 'line' | 'card' | 'bar'
+    closable?: boolean
+    animated?: boolean
+    showIcon?: boolean
+  }
+  /** 滚动条相关配置 */
+  scrollbar?: {
+    trigger?: 'none' | 'hover' | 'always'
+    xScrollable?: boolean
+  }
+  /** 面包屑相关配置 */
+  breadcrumb?: {
+    showIcon?: boolean
+    separator?: string
+  }
+  /** 消息配置 */
+  message?: {
+    duration?: number
+    max?: number
+    placement?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right'
+    showIcon?: boolean
+    closable?: boolean
+  }
+  /** 通知配置 */
+  notification?: {
+    duration?: number
+    max?: number
+    placement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
+  }
+  /** 加载条配置 */
+  loadingBar?: {
+    loadingBarStyle?: {
+      loading?: string
+      error?: string
+    }
+  }
+  /** 自定义 Naive UI 组件样式覆盖 (直接映射到 GlobalThemeOverrides) */
+  overrides?: GlobalThemeOverrides
+}