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
| import {BasePlugin} from 'amis-editor';
|
| export default class MyRendererPlugin extends BasePlugin {
| rendererName = 'my-renderer';
|
| // 暂时只支持这个，配置后会开启代码编辑器
| $schema = '/schemas/UnkownSchema.json';
|
| // 用来配置名称和描述
| name = '自定义渲染器';
| description = '这只是个示例';
|
| // tag，决定会在哪个 tab 下面显示的
| tags = ['自定义', '表单项'];
|
| // 图标
| icon = 'fa fa-user';
|
| // 用来生成预览图的
| previewSchema = {
| type: 'my-renderer',
| target: 'demo'
| };
|
| // 拖入组件里面时的初始数据
| scaffold = {
| type: 'my-renderer',
| target: '233'
| };
|
| // 右侧面板相关
| panelTitle = '自定义组件';
| panelControls = [
| {
| type: 'tabs',
| tabsMode: 'line',
| className: 'm-t-n-xs',
| contentClassName: 'no-border p-l-none p-r-none',
| tabs: [
| {
| title: '常规',
| controls: [
| {
| name: 'target',
| label: 'Target',
| type: 'text'
| }
| ]
| },
|
| {
| title: '外观',
| controls: []
| }
| ]
| }
| ];
| }
|
|
