✨ [Feature]: 如何添加自定义组件、区块？

[Manson596]

✨ [Feature]: 如何添加自定义组件、区块？

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

Title: ✨ [Feature]: How to add custom components and blocks?

[wenmine]

@Manson596 您好，当前使用bundle.json的形式支持的是我们引入第三方组件，而我们自定义区块在tinyengine中因为依赖构建和发布，以及相对应的api。这部分内容需要等到12月份后端开源后，将tiny-engine前后端进行配套后，才能真正的开放。

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

@Manson596 Hello, the current use of bundle.json supports the introduction of third-party components, and our custom blocks depend on building and publishing in tinyengine, as well as the corresponding API. This part of the content needs to wait until the back-end is open sourced in December and the tiny-engine front-end and back-end are matched before it can be truly open.

[Manson596]

目前我仿造内置img组件在packages/canvas/src/components/builtin.json等文件添加了自定义组件 设计器中显示正常，但是预览的时候看到接口schemas2code只返回了我自定义的组件名称，并没有返回template结构

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

Currently, I imitate the built-in img component and add a custom component designer to files such as packages/canvas/src/components/builtin.json, which displays normally in the designer. However, when previewing, I see that the interface schemas2code only returns my customized component name, and No template structure is returned

[yaoyun8]

@Manson596 内置组件在画布中正常渲染是简单的组件引用，预览经DSL出码时对这些组件做了转换处理，如Text组件转换为span标签（见vue-generator下的text2Span函数）。
如要添加自定义组件，可参考Text组件转换方式在DSL中进行特殊处理。

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

@Manson596 The normal rendering of built-in components in the canvas is a simple component reference. When the preview is output by DSL, these components are converted. For example, the Text component is converted into a span tag (see the text2Span function under vue-generator).
If you want to add a custom component, you can refer to the Text component conversion method for special processing in DSL.