Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
啊嘞嘞EC
vue-vben-admin
提交
70ee1c84
V
vue-vben-admin
项目概览
啊嘞嘞EC
/
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,发现更多精彩内容 >>
未验证
提交
70ee1c84
编写于
2月 22, 2023
作者:
qq_25847755
提交者:
GitHub
2月 22, 2023
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
refactor: 插槽优先属性调整,prefixCls优先关系调整 (#2570)
上级
73469886
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
27 addition
and
25 deletion
+27
-25
src/components/Container/src/collapse/CollapseHeader.vue
src/components/Container/src/collapse/CollapseHeader.vue
+27
-25
未找到文件。
src/components/Container/src/collapse/CollapseHeader.vue
浏览文件 @
70ee1c84
<
template
>
<div
:class=
"[`$
{prefixCls}__header px-2 py-5`, $attrs.class]">
<BasicTitle
:helpMessage=
"helpMessage"
normal
>
<template
v-if=
"title"
>
{{
title
}}
</
template
>
<
template
v-else
>
<slot
name=
"title"
></slot>
</
template
>
</BasicTitle>
<div
:class=
"`${prefixCls}__action`"
>
<slot
name=
"action"
></slot>
<BasicArrow
v-if=
"canExpan"
up
:expand=
"show"
@
click=
"$emit('expand')"
/>
</div>
</div>
</template>
<
script
lang=
"ts"
>
import
{
defineComponent
}
from
'
vue
'
;
<
script
lang=
"tsx"
>
import
{
defineComponent
,
computed
,
unref
,
type
ExtractPropTypes
}
from
'
vue
'
;
import
{
useDesign
}
from
'
/@/hooks/web/useDesign
'
;
import
{
BasicArrow
,
BasicTitle
}
from
'
/@/components/Basic
'
;
const
props
=
{
prefixCls
:
{
type
:
String
},
const
collapseHeaderProps
=
{
prefixCls
:
String
,
title
:
String
,
show
:
Boolean
,
canExpan
:
Boolean
,
helpMessage
:
{
type
:
[
Array
,
String
]
as
PropType
<
string
[]
|
string
>
,
default
:
''
,
},
title
:
{
type
:
String
},
show
:
{
type
:
Boolean
},
canExpan
:
{
type
:
Boolean
},
};
export
type
CollapseHeaderProps
=
ExtractPropTypes
<
typeof
collapseHeaderProps
>
;
export
default
defineComponent
({
components
:
{
BasicArrow
,
BasicTitle
}
,
name
:
'
CollapseHeader
'
,
inheritAttrs
:
false
,
props
,
props
:
collapseHeaderProps
,
emits
:
[
'
expand
'
],
setup
(
props
,
{
slots
,
attrs
,
emit
})
{
const
{
prefixCls
}
=
useDesign
(
'
collapse-container
'
);
const
_prefixCls
=
computed
(()
=>
props
.
prefixCls
||
unref
(
prefixCls
));
return
()
=>
(
<
div
class
=
{[
`
${
unref
(
_prefixCls
)}
__header px-2 py-5`
,
attrs
.
class
]}
>
<
BasicTitle
helpMessage
=
{
props
.
helpMessage
}
normal
>
{
slots
.
title
?.()
||
props
.
title
}
<
/BasicTitle
>
<
div
class
=
{
`
${
unref
(
_prefixCls
)}
__action`
}
>
{
props
.
canExpan
&&
<
BasicArrow
up
expand
=
{
props
.
show
}
onClick
=
{()
=>
emit
(
'
expand
'
)}
/>
}
<
/div
>
<
/div
>
);
},
});
</
script
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录