Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Simoje丶
vue-vben-admin
提交
5737e478
V
vue-vben-admin
项目概览
Simoje丶
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-vben-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
5737e478
编写于
10月 19, 2020
作者:
V
vben
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: add collapsedShowTitle setting
上级
a3b7a653
变更
8
隐藏空白更改
内联
并排
Showing
8 changed file
with
55 addition
and
6 deletion
+55
-6
src/components/Menu/src/BasicMenu.tsx
src/components/Menu/src/BasicMenu.tsx
+14
-4
src/components/Menu/src/index.less
src/components/Menu/src/index.less
+9
-0
src/components/Menu/src/props.ts
src/components/Menu/src/props.ts
+4
-0
src/components/Modal/src/BasicModal.tsx
src/components/Modal/src/BasicModal.tsx
+1
-0
src/layouts/default/LayoutMenu.tsx
src/layouts/default/LayoutMenu.tsx
+2
-1
src/layouts/default/setting/SettingDrawer.tsx
src/layouts/default/setting/SettingDrawer.tsx
+22
-1
src/settings/projectSetting.ts
src/settings/projectSetting.ts
+2
-0
src/types/config.d.ts
src/types/config.d.ts
+1
-0
未找到文件。
src/components/Menu/src/BasicMenu.tsx
浏览文件 @
5737e478
...
...
@@ -152,7 +152,13 @@ export default defineComponent({
const
{
appendClass
}
=
props
;
const
levelCls
=
`basic-menu-item__level
${
index
}
${
menuState
.
theme
}
`
;
const
showTitle
=
props
.
isAppMenu
?
!
menuStore
.
getCollapsedState
:
true
;
const
showTitle
=
computed
(()
=>
{
if
(
!
props
.
isAppMenu
)
return
true
;
if
(
!
props
.
collapsedShowTitle
)
{
return
!
menuStore
.
getCollapsedState
;
}
return
true
;
});
return
menuList
.
map
((
menu
)
=>
{
if
(
!
menu
)
{
return
null
;
...
...
@@ -172,7 +178,7 @@ export default defineComponent({
<
MenuContent
item
=
{
menu
}
level
=
{
index
}
showTitle
=
{
showTitle
}
showTitle
=
{
unref
(
showTitle
)
}
searchValue
=
{
menuState
.
searchValue
}
/>,
]
}
...
...
@@ -184,7 +190,7 @@ export default defineComponent({
{
{
title
:
()
=>
[
<
MenuContent
showTitle
=
{
showTitle
}
showTitle
=
{
unref
(
showTitle
)
}
item
=
{
menu
}
level
=
{
index
}
searchValue
=
{
menuState
.
searchValue
}
...
...
@@ -218,7 +224,11 @@ export default defineComponent({
inlineIndent
=
{
props
.
inlineIndent
}
theme
=
{
unref
(
theme
)
}
onOpenChange
=
{
handleOpenChange
}
class
=
{
[
'
basic-menu
'
,
unref
(
transparentMenuClass
)]
}
class
=
{
[
'
basic-menu
'
,
props
.
collapsedShowTitle
&&
'
collapsed-show-title
'
,
unref
(
transparentMenuClass
),
]
}
{
...
inlineCollapsedObj
}
>
{
{
...
...
src/components/Menu/src/index.less
浏览文件 @
5737e478
...
...
@@ -14,6 +14,15 @@
}
.basic-menu {
&.collapsed-show-title.ant-menu-inline-collapsed {
& > li > .ant-menu-submenu-title {
display: flex;
margin-top: 12px;
font-size: 12px;
flex-direction: column;
}
}
&__wrap {
/* 滚动槽 */
&::-webkit-scrollbar {
...
...
src/components/Menu/src/props.ts
浏览文件 @
5737e478
...
...
@@ -11,6 +11,10 @@ export const basicProps = {
type
:
Boolean
as
PropType
<
boolean
>
,
default
:
false
,
},
collapsedShowTitle
:
{
type
:
Boolean
as
PropType
<
boolean
>
,
default
:
false
,
},
flatItems
:
{
type
:
Array
as
PropType
<
Menu
[]
>
,
default
:
()
=>
[],
...
...
src/components/Modal/src/BasicModal.tsx
浏览文件 @
5737e478
...
...
@@ -199,6 +199,7 @@ export default defineComponent({
}
}
}
/**
* @description: 设置modal参数
*/
...
...
src/layouts/default/LayoutMenu.tsx
浏览文件 @
5737e478
...
...
@@ -177,7 +177,7 @@ export default defineComponent({
return
()
=>
{
const
{
showLogo
,
menuSetting
:
{
type
:
menuType
,
mode
,
theme
,
collapsed
},
menuSetting
:
{
type
:
menuType
,
mode
,
theme
,
collapsed
,
collapsedShowTitle
},
}
=
unref
(
getProjectConfigRef
);
const
isSidebarType
=
menuType
===
MenuTypeEnum
.
SIDEBAR
;
...
...
@@ -190,6 +190,7 @@ export default defineComponent({
type
=
{
menuType
}
mode
=
{
props
.
menuMode
||
mode
}
class
=
"layout-menu"
collapsedShowTitle
=
{
collapsedShowTitle
}
theme
=
{
themeData
}
showLogo
=
{
isShowLogo
}
search
=
{
unref
(
showSearchRef
)
&&
!
collapsed
}
...
...
src/layouts/default/setting/SettingDrawer.tsx
浏览文件 @
5737e478
...
...
@@ -208,7 +208,14 @@ export default defineComponent({
const
{
contentMode
,
headerSetting
:
{
fixed
},
menuSetting
:
{
hasDrag
,
collapsed
,
showSearch
,
menuWidth
,
topMenuAlign
}
=
{},
menuSetting
:
{
hasDrag
,
collapsed
,
showSearch
,
menuWidth
,
topMenuAlign
,
collapsedShowTitle
,
}
=
{},
}
=
appStore
.
getProjectConfig
;
return
[
renderSwitchItem
(
'
侧边菜单拖拽
'
,
{
...
...
@@ -232,6 +239,13 @@ export default defineComponent({
def
:
collapsed
,
disabled
:
!
unref
(
getShowMenuRef
),
}),
renderSwitchItem
(
'
折叠菜单显示名称
'
,
{
handler
:
(
e
)
=>
{
baseHandler
(
'
collapsedShowTitle
'
,
e
);
},
def
:
collapsedShowTitle
,
disabled
:
!
unref
(
getShowMenuRef
)
||
!
collapsed
,
}),
renderSwitchItem
(
'
固定header
'
,
{
handler
:
(
e
)
=>
{
...
...
@@ -449,6 +463,13 @@ export default defineComponent({
},
};
}
if
(
event
===
'
collapsedShowTitle
'
)
{
config
=
{
menuSetting
:
{
collapsedShowTitle
:
value
,
},
};
}
if
(
event
===
'
lockTime
'
)
{
config
=
{
lockTime
:
value
,
...
...
src/settings/projectSetting.ts
浏览文件 @
5737e478
...
...
@@ -44,6 +44,8 @@ const setting: ProjectConfig = {
menuSetting
:
{
// 菜单折叠
collapsed
:
false
,
// 折叠菜单时候是否显示菜单名
collapsedShowTitle
:
false
,
// 是否可拖拽
hasDrag
:
true
,
// 是否显示
...
...
src/types/config.d.ts
浏览文件 @
5737e478
...
...
@@ -11,6 +11,7 @@ export interface MessageSetting {
}
export
interface
MenuSetting
{
collapsed
:
boolean
;
collapsedShowTitle
:
boolean
;
hasDrag
:
boolean
;
showSearch
:
boolean
;
show
:
boolean
;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录