chore(CellGroup): use tsx (#7989)

This commit is contained in:
neverland 2021-01-25 16:06:49 +08:00 committed by GitHub
parent 5d8fb9c523
commit fa96d110ad
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -15,27 +15,29 @@ export default createComponent({
},
setup(props, { slots, attrs }) {
const renderGroup = () => (
<div class={[bem(), { [BORDER_TOP_BOTTOM]: props.border }]} {...attrs}>
{slots.default?.()}
</div>
);
const renderTitle = () => (
<div class={bem('title')}>
{slots.title ? slots.title() : props.title}
</div>
);
return () => {
const { title, border } = props;
const Group = (
<div class={[bem(), { [BORDER_TOP_BOTTOM]: border }]} {...attrs}>
{slots.default?.()}
</div>
);
if (title || slots.title) {
if (props.title || slots.title) {
return (
<>
<div class={bem('title')}>
{slots.title ? slots.title() : title}
</div>
{Group}
{renderTitle()}
{renderGroup()}
</>
);
}
return Group;
return renderGroup();
};
},
});