admin/ddei-editor
1
0
Fork 0
mirror of https://gitee.com/hoslay/ddei-editor.git synced 2025-12-06 17:18:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化创建控件API，引入转换器插件

Browse Source
This commit is contained in:
猴赛雷 2024-04-29 13:57:29 +08:00
parent 3e0843ed74
commit c272632ec9
2 changed files with 66 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/App.vue
View File

@ -110,7 +110,8 @@ export default defineComponent({
"ruler": true, "ruler": true,
"background": {color:"#123456",opacity:0.1}, "background": {color:"#123456",opacity:0.1},
// "theme": "ddei-core-theme-black", // "theme": "ddei-core-theme-black",
controls: [ initData: {
controls:[
{ {
id: "act_1", id: "act_1",
model: "102010", model: "102010",
@ -129,6 +130,7 @@ export default defineComponent({
y: -70, y: -70,
} }
] ]
}
}, },
//配置扩展插件 //配置扩展插件
extensions: [ extensions: [
@ -144,6 +146,7 @@ export default defineComponent({
access:{"DEL":false}, access:{"DEL":false},
"paper":"A5", "paper":"A5",
"ruler": true, "ruler": true,
initData: {
controls: [ controls: [
{ {
id: "act_1", id: "act_1",
@ -162,6 +165,7 @@ export default defineComponent({
y: -70, y: -70,
} }
] ]
}
}, },
//配置扩展插件 //配置扩展插件
extensions: [ extensions: [
@ -183,6 +187,7 @@ export default defineComponent({
EXT_STAGE_HEIGHT:false, EXT_STAGE_HEIGHT:false,
ruler:0, ruler:0,
grid: 0, grid: 0,
initData: {
controls: [ controls: [
{ {
id: "rect_1", id: "rect_1",
@ -201,6 +206,7 @@ export default defineComponent({
text: "第二步" text: "第二步"
} }
] ]
}
}, },
//配置扩展插件 //配置扩展插件
extensions: [ extensions: [

10
src/editor/Editor.vue
View File

@ -100,15 +100,15 @@ export default {
DDeiEditorUtil.getControlIcons(this.editor); DDeiEditorUtil.getControlIcons(this.editor);
//初始化控件 //初始化控件
if(this.options?.config?.controls){ if(this.options?.config?.initData){
//调用转换器，将输入内容转换为设计器能够识别的格式 //调用转换器，将输入内容转换为设计器能够识别的格式
let controls = this.options?.config?.controls; let initData = this.options?.config?.initData
let converters = this.editor.getEnabledConverters(controls, 1); let converters = this.editor.getEnabledConverters(initData, 1);
//依次调用converters //依次调用converters
converters?.forEach(converter => { converters?.forEach(converter => {
controls = converter.input(controls) initData = converter.input(initData)
}); });
this.editor.addControls(controls) this.editor.addControls(initData.controls)
} }
if (this.options?.config?.access){ if (this.options?.config?.access){
this.editor.setAccessInfo(this.options?.config?.access) this.editor.setAccessInfo(this.options?.config?.access)