fix: ui routes

This commit is contained in:
chenos 2022-03-09 16:11:22 +08:00
parent 3cd0ea3d01
commit ac4ce800bc
3 changed files with 21 additions and 91 deletions

View File

@ -91,19 +91,17 @@ const InternalAdminLayout = (props: any) => {
</Layout.Header> </Layout.Header>
<Layout> <Layout>
<Layout.Sider style={{ display: 'none' }} theme={'light'} ref={sideMenuRef}></Layout.Sider> <Layout.Sider style={{ display: 'none' }} theme={'light'} ref={sideMenuRef}></Layout.Sider>
<Layout.Content style={{ minHeight: 'calc(100vh - 46px)' }}> <Layout.Content style={{ minHeight: 'calc(100vh - 46px)' }}>{props.children}</Layout.Content>
<RemoteSchemaComponent onlyRenderProperties uid={match.params.name} />
</Layout.Content>
</Layout> </Layout>
</Layout> </Layout>
); );
}; };
export const AdminLayout = () => { export const AdminLayout = (props) => {
return ( return (
<RemoteCollectionManagerProvider> <RemoteCollectionManagerProvider>
<CurrentUserProvider> <CurrentUserProvider>
<InternalAdminLayout /> <InternalAdminLayout {...props} />
</CurrentUserProvider> </CurrentUserProvider>
</RemoteCollectionManagerProvider> </RemoteCollectionManagerProvider>
); );

View File

@ -1,7 +1,8 @@
import React from 'react'; import React from 'react';
import { RemoteSchemaComponent, useRoute } from '../../../'; import { useRouteMatch } from 'react-router-dom';
import { RemoteSchemaComponent } from '../../../';
export function RouteSchemaComponent(props: any) { export function RouteSchemaComponent(props: any) {
const route = useRoute(); const match = useRouteMatch<any>();
return <RemoteSchemaComponent uid={route.uiSchemaUid} />; return <RemoteSchemaComponent onlyRenderProperties uid={match.params.name} />;
} }

View File

@ -28,93 +28,24 @@ export class UiRoutesStoragePlugin extends Plugin {
onSelect: '{{ onSelect }}', onSelect: '{{ onSelect }}',
sideMenuRefScopeKey: 'sideMenuRef', sideMenuRefScopeKey: 'sideMenuRef',
}, },
properties: { properties: {},
// item3: {
// type: 'void',
// title: 'SubMenu u3',
// 'x-component': 'Menu.SubMenu',
// 'x-component-props': {},
// properties: {
// item6: {
// type: 'void',
// title: 'SubMenu u6',
// 'x-component': 'Menu.SubMenu',
// 'x-component-props': {},
// properties: {
// item7: {
// type: 'void',
// title: 'Menu Item u7',
// 'x-component': 'Menu.Item',
// 'x-component-props': {},
// properties: {
// page1: {
// type: 'void',
// 'x-component': 'Page',
// 'x-async': true,
// properties: {
// grid1: {
// type: 'void',
// 'x-component': 'Grid',
// 'x-item-initializer': 'BlockInitializer',
// properties: {},
// },
// },
// },
// },
// },
// item8: {
// type: 'void',
// title: 'Menu Item u8',
// 'x-component': 'Menu.Item',
// 'x-component-props': {},
// },
// },
// },
// item4: {
// type: 'void',
// title: 'Menu Item u4',
// 'x-component': 'Menu.Item',
// 'x-component-props': {},
// },
// item5: {
// type: 'void',
// title: 'Menu Item u5',
// 'x-component': 'Menu.Item',
// 'x-component-props': {},
// },
// },
// },
// item1: {
// type: 'void',
// title: 'Menu Item u1',
// 'x-component': 'Menu.Item',
// 'x-component-props': {},
// },
// item2: {
// type: 'void',
// title: 'Menu Item u2',
// 'x-component': 'Menu.Item',
// 'x-component-props': {},
// },
// item9: {
// type: 'void',
// title: 'SubMenu u9',
// 'x-component': 'Menu.SubMenu',
// 'x-component-props': {},
// properties: {
// item10: {
// type: 'void',
// title: 'Menu Item u10',
// 'x-component': 'Menu.Item',
// 'x-component-props': {},
// },
// },
// },
},
}, },
path: '/admin/:name(.+)?', path: '/admin/:name(.+)?',
component: 'AdminLayout', component: 'AdminLayout',
title: 'NocoBase Admin', title: 'NocoBase Admin',
routes: [
// test...
{
type: 'route',
path: '/admin/workflow',
component: 'WorkflowPage',
},
{
type: 'route',
path: '/admin/:name(.+)?',
component: 'RouteSchemaComponent',
},
],
}, },
{ {
type: 'route', type: 'route',