mirror/sunmao-ui
2
0
Fork 0
mirror of https://github.com/smartxworks/sunmao-ui.git synced 2025-02-23 17:49:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #168 from webzard-io/editor-ex

Browse Source 
improve the Slot component
This commit is contained in:
tanbowensg 2021-12-16 15:01:48 +08:00 committed by GitHub
commit 4c3d75daa3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/runtime/src/components/_internal/Slot.tsx
View File

@ -1,17 +1,21 @@
import React from 'react';
import { SlotsMap } from '../../types/RuntimeSchema';
export function getSlots(slotsMap: SlotsMap | undefined, slot: string) {
export function getSlots<T>(slotsMap: SlotsMap | undefined, slot: string, rest: T) {
return (slotsMap?.get(slot) || []).map(({ component: ImplWrapper, id }) => (
<ImplWrapper key={id} />
<ImplWrapper key={id} {...rest} />
));
}
const Slot: React.FC<{ slotsMap: SlotsMap | undefined; slot: string }> = ({
slotsMap,
slot,
...rest
}) => {
return <>{getSlots(slotsMap, slot)}</>;
if (!slotsMap?.has(slot)) {
return null;
}
return <>{getSlots(slotsMap, slot, rest)}</>;
};
export default Slot;

2
packages/runtime/src/components/chakra-ui/Tabs.tsx
View File

@ -36,7 +36,7 @@ const Tabs: ComponentImplementation<Static<typeof PropsSchema>> = ({
))}
</TabList>
<TabPanels>
{getSlots(slotsMap, 'content').map((content, idx) => {
{getSlots(slotsMap, 'content', {}).map((content, idx) => {
return (
<TabPanel
key={idx}

6
packages/runtime/src/components/core/GridLayout.tsx
View File

@ -30,9 +30,11 @@ const GridLayout: ComponentImplementation<Static<typeof PropsSchema>> = ({
onDragStop={onDragStop}
onDrop={onDrop}
layout={layout}
css={css`${customStyle?.content}`}
css={css`
${customStyle?.content}
`}
>
{getSlots(slotsMap, 'content')}
{getSlots(slotsMap, 'content', {})}
</BaseGridLayout>
</Suspense>
);