fix: ui routes
This commit is contained in:
parent
3cd0ea3d01
commit
ac4ce800bc
@ -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>
|
||||||
);
|
);
|
||||||
|
@ -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} />;
|
||||||
}
|
}
|
||||||
|
@ -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',
|
||||||
|
Loading…
Reference in New Issue
Block a user