This repository has been archived by the owner on Apr 24, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 145
/
canner.schema.js
94 lines (90 loc) · 2.62 KB
/
canner.schema.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
/** @jsx builder */
import builder, {Block, Tabs} from 'canner-script';
import Strings from './schema/string.schema';
import Numbers from './schema/number.schema';
import Booleans from './schema/boolean.schema';
import Objects from './schema/object.schema';
import Arrays from './schema/array.schema';
import Posts from './schema/realWorld/posts.schema';
import Users from './schema/realWorld/users.schema';
import Home from './schema/realWorld/home.schema';
import OnDeploy from './schema/onDeploy.schema';
import TabsFilter from './toolbar/filter';
import utils from './utils';
const {connector, storage, graphClient, renderImages, renderPosts} = utils;
// const connector = undefined;
// const storage = undefined;
const userColumns = [{
title: 'Name',
dataIndex: 'name'
}, {
title: 'Email',
dataIndex: 'email',
}, {
title: 'Age',
dataIndex: 'age'
}, {
title: 'Login',
dataIndex: 'isLogin'
}, {
title: 'Images',
dataIndex: 'images',
render: renderImages
}, {
title: 'Hobbies',
dataIndex: 'hobbies'
}, {
title: 'Posts',
dataIndex: 'posts',
render: renderPosts
}];
const postColumns = [{
title: 'Title',
dataIndex: 'title'
}, {
title: 'User',
dataIndex: 'author.name'
}];
export default <root connector={connector}>
<object keyName="overview"
title="Components Overview"
storage={storage}
>
<Block title="All Types">
<Tabs>
<Strings keyName="string" title="String Type" />
<Booleans keyName="boolean" title="Boolean Type"/>
<Numbers keyName="number" title="Number Types" />
<Arrays keyName="array" title="Array Type" />
<Objects keyName="object" title="Object type" />
</Tabs>
</Block>
<Block title="test">
<array keyName="tag" ui="tag" uiParams={{defaultOptions: []}}>
<string />
</array>
<array keyName="slider" ui="slider">
<string />
</array>
<array keyName="gallery" ui="gallery" title="Gallery" />
<image keyName="image" ui="image" title="Image" />
<object keyName="editor" ui="editor" />
{/* <geoPoint keyName="map" title="Map" /> */}
</Block>
</object>
<Home userColumns={userColumns} postColumns={postColumns}/>
<Posts columns={postColumns} />
<Users columns={userColumns} searchComponent={TabsFilter} />
<array keyName="test" title="array" uiParams={{columns: [{title: 'title', dataIndex: 'title'}]}}>
<string keyName="title" title="title"
validation={{
maxLength: 2
}}
/>
<OnDeploy
keyName="test1"
title="OnDeploy Demo"
/>
<array keyName="gallery" packageName="./components/def-array-gallery"/>
</array>
</root>