javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(components): [select-v2] show header and footer slots when empty (#15964)

Browse Source
This commit is contained in:
kooriookami
2024-02-28 12:36:50 +08:00
committed by GitHub
parent 0e1f6ffaa0
commit 2b68f465d1
1 changed files with 24 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
packages/components/select-v2/src/select-dropdown.tsx
View File

@@ -226,40 +226,34 @@ export default defineComponent({
const { data, width } = props
const { height, multiple, scrollbarAlwaysOn } = select.props
if (slots.loading || slots.empty) {
return (
<div
class={ns.b('dropdown')}
style={{
width: `${width}px`,
}}
>
{slots.loading?.() || slots.empty?.()}
</div>
)
}
const List = unref(isSized) ? FixedSizeList : DynamicSizeList
return (
<div class={[ns.b('dropdown'), ns.is('multiple', multiple)]}>
<div
class={[ns.b('dropdown'), ns.is('multiple', multiple)]}
style={{
width: `${width}px`,
}}
>
{slots.header?.()}
<List
ref={listRef}
{...unref(listProps)}
className={ns.be('dropdown', 'list')}
scrollbarAlwaysOn={scrollbarAlwaysOn}
data={data}
height={height}
width={width}
total={data.length}
// @ts-ignore - dts problem
onKeydown={onKeydown}
>
{{
default: (props: ItemProps<any>) => <Item {...props} />,
}}
</List>
{slots.loading?.() || slots.empty?.() || (
<List
ref={listRef}
{...unref(listProps)}
className={ns.be('dropdown', 'list')}
scrollbarAlwaysOn={scrollbarAlwaysOn}
data={data}
height={height}
width={width}
total={data.length}
// @ts-ignore - dts problem
onKeydown={onKeydown}
>
{{
default: (props: ItemProps<any>) => <Item {...props} />,
}}
</List>
)}
{slots.footer?.()}
</div>
)