mirrors/nocobase
1
0
Fork 0
mirror of https://github.com/nocobase/nocobase synced 2024-11-15 06:35:20 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

docs: component demo

Browse Source
This commit is contained in:
katherinehhh 2024-05-16 21:40:23 +08:00
parent 6747657c75
commit 71f0681a5b
3 changed files with 100 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

127
packages/core/client/.dumirc.ts
View File

@ -219,56 +219,6 @@ export default defineConfig({
},
],
'/components': [
{
title: '全局',
type: 'group',
children: [
{
title: 'Page',
link: '/components/page',
},
{
title: 'Tabs',
link: '/components/tabs',
},
{
title: 'Menu',
link: '/components/menu',
},
],
},
{
title: '装饰器',
type: 'group',
children: [
{
title: '基础装饰器',
children: [
{
title: 'BlockItem',
link: '/components/block-item',
},
{
title: 'CardItem',
link: '/components/card-item',
},
{
title: 'FormItem',
link: '/components/form-item',
},
],
},
{
title: '区块装饰器',
children: [
{
title: 'DataBlockProvider',
link: '/components/data-block',
},
],
},
],
},
{
title: 'Field',
type: 'group',
@ -357,18 +307,14 @@ export default defineConfig({
title: 'Cron',
link: '/components/cron',
},
{
title: 'Preview',
link: '/components/preview',
},
{
title: 'Markdown',
link: '/components/markdown',
},
{
title: 'Variable',
link: '/components/variable',
},
{
title: 'QuickEdit',
link: '/components/quick-edit',
},
{
title: 'RichText',
link: '/components/rich-text',
@ -376,7 +322,21 @@ export default defineConfig({
],
},
{
title: '展示',
title: '操作',
type: 'group',
children: [
{
title: 'Action',
link: '/components/action',
},
{
title: 'Filter.Action',
link: '/components/filter',
},
],
},
{
title: '区块',
type: 'group',
children: [
{
@ -406,16 +366,34 @@ export default defineConfig({
],
},
{
title: '操作',
title: '装饰器',
type: 'group',
children: [
{
title: 'Action',
link: '/components/action',
title: '基础装饰器',
children: [
{
title: 'BlockItem',
link: '/components/block-item',
},
{
title: 'CardItem',
link: '/components/card-item',
},
{
title: 'FormItem',
link: '/components/form-item',
},
],
},
{
title: 'Filter.Action',
link: '/components/filter',
title: '区块装饰器',
children: [
{
title: 'DataBlockProvider',
link: '/components/data-block',
},
],
},
],
},
@ -441,6 +419,22 @@ export default defineConfig({
title: '其他',
type: 'group',
children: [
{
title: 'Variable',
link: '/components/variable',
},
{
title: 'Page',
link: '/components/page',
},
{
title: 'Tabs',
link: '/components/tabs',
},
{
title: 'Menu',
link: '/components/menu',
},
{
title: 'ErrorFallback',
link: '/components/error-fallback',
@ -453,9 +447,10 @@ export default defineConfig({
title: 'Pagination',
link: '/components/pagination',
},
{
title: 'Preview',
link: '/components/preview',
title: 'QuickEdit',
link: '/components/quick-edit',
},
],
},

34
packages/core/client/src/schema-component/antd/input/demos/new-demos/email.tsx Normal file
View File

@ -0,0 +1,34 @@
import React from 'react';
import { mockApp } from '@nocobase/client/demo-utils';
import { SchemaComponent, Plugin, ISchema } from '@nocobase/client';
const schema: ISchema = {
type: 'void',
name: 'root',
'x-decorator': 'FormV2',
'x-component': 'ShowFormData',
properties: {
test: {
type: 'string',
title: 'Email',
'x-decorator': 'FormItem',
'x-component': 'Input',
'x-validator': 'email',
},
},
};
const Demo = () => {
return <SchemaComponent schema={schema} />;
};
class DemoPlugin extends Plugin {
async load() {
this.app.router.add('root', { path: '/', Component: Demo });
}
}
const app = mockApp({
plugins: [DemoPlugin],
});
export default app.getRootComponent();

6
packages/core/client/src/schema-component/antd/input/index.md
View File

@ -2,7 +2,11 @@
文本输入框。其基于 ant-design [Input](https://ant.design/components/input/) 组件进行封装。
## Input
Input组件是文本类型字段，如 Email、UUID、Phone 等字段的UI组件，通过 `x-validator`设置不同的验证规则。
<code src="./demos/new-demos/email.tsx"></code>
### Basic Usage