f840d235ef
- 顶栏各小部件按钮支持选择位置（header/user-dropdown/none），偏好设置按钮额外保留 auto/fixed 智能兜底，移动端/全屏内容模式下自动切 fixed 浮动保命，避免偏好入口死锁 - draggable-list.vue 的 listRef 未在模板绑定，Sortable 永不初始化导致小部件无法拖拽；加 ref 绑定与 data-key 让 onEnd 从 DOM 读真实新顺序 - preferences.ts 的 updatePreferences 用 defu(merge) 合并数组，对 widget.order 是 concat 语义，每次拖拽触发更新都会把当前 order 追加一次，localStorage 里膨胀到上百条；改用 mergeWithArrayOverride 整体替换，加载缓存时 sanitizeCachedArray 去重已存在的脏数据 - preferences 按钮之前在 widget.order 里因 labelMap 未登记显示成裸字符串，且 widgetChecks 缺 refresh 导致刷新按钮不按 order 渲染；统一 preferences 与其它 widget 的拖拽排序与位置 select，refresh 补进 rightSlots.widgetChecks 并补模板渲染 - 补 sortablejs 依赖、WidgetPreferences.order 类型字段、preferences-drawer.vue 的 widgetOrder 绑定
172 lines
3.9 KiB
TypeScript
172 lines
3.9 KiB
TypeScript
import type { Preferences } from './types';
|
|
|
|
const defaultPreferences: Preferences = {
|
|
app: {
|
|
accessMode: 'frontend',
|
|
authPageLayout: 'panel-right',
|
|
checkUpdatesInterval: 1,
|
|
colorGrayMode: false,
|
|
colorWeakMode: false,
|
|
compact: false,
|
|
contentCompact: 'wide',
|
|
contentCompactWidth: 1200,
|
|
contentPadding: 0,
|
|
contentPaddingBottom: 0,
|
|
contentPaddingLeft: 0,
|
|
contentPaddingRight: 0,
|
|
contentPaddingTop: 0,
|
|
defaultAvatar:
|
|
'https://unpkg.com/@vbenjs/static-source@0.1.7/source/avatar-v1.webp',
|
|
defaultHomePath: '/dashboard',
|
|
dynamicTitle: true,
|
|
enableCheckUpdates: true,
|
|
enableCopyPreferences: true,
|
|
enablePreferences: true,
|
|
enableRefreshToken: false,
|
|
enableStickyPreferencesNavigationBar: true,
|
|
isMobile: false,
|
|
layout: 'sidebar-nav',
|
|
locale: 'zh-CN',
|
|
loginExpiredMode: 'page',
|
|
name: 'Vben Admin',
|
|
preferencesButtonPosition: 'auto',
|
|
timezone: 'Asia/Shanghai',
|
|
watermark: false,
|
|
watermarkContent: '',
|
|
zIndex: 200,
|
|
},
|
|
breadcrumb: {
|
|
enable: true,
|
|
hideOnlyOne: false,
|
|
showHome: false,
|
|
showIcon: true,
|
|
styleType: 'normal',
|
|
},
|
|
copyright: {
|
|
companyName: 'Vben',
|
|
companySiteLink: 'https://www.vben.pro',
|
|
date: '2024',
|
|
enable: true,
|
|
icp: '闽ICP备19024351号',
|
|
icpLink: 'https://beian.miit.gov.cn/',
|
|
settingShow: true,
|
|
},
|
|
footer: {
|
|
enable: false,
|
|
fixed: false,
|
|
height: 32,
|
|
},
|
|
header: {
|
|
enable: true,
|
|
height: 50,
|
|
hidden: false,
|
|
menuAlign: 'start',
|
|
mode: 'fixed',
|
|
},
|
|
|
|
logo: {
|
|
enable: true,
|
|
fit: 'contain',
|
|
source: 'https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp',
|
|
showText: true,
|
|
logoMode: 'icon',
|
|
},
|
|
navigation: {
|
|
accordion: true,
|
|
split: true,
|
|
styleType: 'rounded',
|
|
},
|
|
shortcutKeys: {
|
|
enable: true,
|
|
globalEscape: false,
|
|
globalLockScreen: true,
|
|
globalLogout: true,
|
|
globalPreferences: true,
|
|
globalSearch: true,
|
|
},
|
|
sidebar: {
|
|
autoActivateChild: false,
|
|
collapsed: false,
|
|
collapsedButton: true,
|
|
collapsedShowTitle: false,
|
|
collapseWidth: 60,
|
|
draggable: true,
|
|
enable: true,
|
|
expandOnHover: true,
|
|
extraCollapse: false,
|
|
extraCollapsedWidth: 60,
|
|
fixedButton: true,
|
|
hidden: false,
|
|
mixedWidth: 80,
|
|
width: 224,
|
|
},
|
|
tabbar: {
|
|
draggable: true,
|
|
enable: true,
|
|
height: 38,
|
|
keepAlive: true,
|
|
maxCount: 0,
|
|
middleClickToClose: false,
|
|
persist: true,
|
|
showIcon: true,
|
|
showMaximize: true,
|
|
showMore: true,
|
|
showRefresh: true,
|
|
styleType: 'chrome',
|
|
visitHistory: true,
|
|
wheelable: true,
|
|
},
|
|
theme: {
|
|
builtinType: 'default',
|
|
colorDestructive: 'hsl(348 100% 61%)',
|
|
colorPrimary: 'hsl(212 100% 45%)',
|
|
colorSuccess: 'hsl(144 57% 58%)',
|
|
colorWarning: 'hsl(42 84% 61%)',
|
|
mode: 'dark',
|
|
radius: '0.5',
|
|
fontSize: 16,
|
|
semiDarkHeader: false,
|
|
semiDarkSidebar: false,
|
|
semiDarkSidebarSub: false,
|
|
},
|
|
transition: {
|
|
enable: true,
|
|
loading: true,
|
|
name: 'fade-slide',
|
|
progress: true,
|
|
},
|
|
widget: {
|
|
fullscreen: true,
|
|
fullscreenButtonPosition: 'header',
|
|
globalSearch: true,
|
|
globalSearchButtonPosition: 'header',
|
|
languageToggle: true,
|
|
languageToggleButtonPosition: 'header',
|
|
lockScreen: true,
|
|
lockScreenButtonPosition: 'header',
|
|
logoutButtonPosition: 'header',
|
|
notification: true,
|
|
notificationButtonPosition: 'header',
|
|
refresh: true,
|
|
refreshButtonPosition: 'header',
|
|
sidebarToggle: true,
|
|
themeToggle: true,
|
|
themeToggleButtonPosition: 'header',
|
|
timezone: true,
|
|
timezoneButtonPosition: 'header',
|
|
order: [
|
|
'globalSearch',
|
|
'preferences',
|
|
'themeToggle',
|
|
'languageToggle',
|
|
'timezone',
|
|
'fullscreen',
|
|
'notification',
|
|
'lockScreenBtn',
|
|
'logoutBtn',
|
|
],
|
|
},
|
|
};
|
|
|
|
export { defaultPreferences };
|