tachybase_todo/packages/client/src/schemas/menu/demos/demo1.tsx
2021-07-15 18:47:21 +08:00

87 lines
2.3 KiB
TypeScript

/**
* title: 横向菜单
*/
import React from 'react';
import { SchemaRenderer } from '@nocobase/client';
const schema = {
type: 'object',
properties: {
menu1: {
type: 'void',
'x-component': 'Menu',
'x-designable-bar': 'Menu.DesignableBar',
'x-component-props': {
mode: 'horizontal',
theme: 'dark',
},
properties: {
item1: {
type: 'void',
title: `菜单1`,
'x-designable-bar': 'Menu.DesignableBar',
'x-component': 'Menu.Item',
},
item2: {
type: 'void',
title: `菜单2`,
'x-designable-bar': 'Menu.DesignableBar',
'x-component': 'Menu.Item',
},
item3: {
type: 'void',
title: '菜单组3',
'x-designable-bar': 'Menu.DesignableBar',
'x-component': 'Menu.SubMenu',
properties: {
item5: {
type: 'void',
title: `子菜单5`,
'x-designable-bar': 'Menu.DesignableBar',
'x-component': 'Menu.SubMenu',
properties: {
item8: {
type: 'void',
title: `子菜单8`,
'x-designable-bar': 'Menu.DesignableBar',
'x-component': 'Menu.Item',
},
item9: {
type: 'void',
title: `子菜单9`,
'x-designable-bar': 'Menu.DesignableBar',
'x-component': 'Menu.Item',
},
},
},
},
},
item4: {
type: 'void',
title: '菜单组4',
'x-designable-bar': 'Menu.DesignableBar',
'x-component': 'Menu.SubMenu',
properties: {
item6: {
type: 'void',
title: `子菜单6`,
'x-designable-bar': 'Menu.DesignableBar',
'x-component': 'Menu.Item',
},
item7: {
type: 'void',
title: `子菜单7`,
'x-designable-bar': 'Menu.DesignableBar',
'x-component': 'Menu.Item',
},
},
},
},
},
},
};
export default () => {
return <SchemaRenderer schema={schema} />;
};