doc: add some content

This commit is contained in:
hufeixiong
2022-09-02 18:06:26 +08:00
parent 856079c934
commit b241dd9a75
3 changed files with 190 additions and 16 deletions

View File

@@ -15,6 +15,8 @@ dooringx-lib 是 dooringx 的基座,是移除了 dooringx 插件的可视化
dooringx-lib 提供自己的一套数据流事件机制以及弹窗等解决方案,可以让你更快地自己定制开发可视化拖拽平台。
区别于别的搭建平台,其较为适合制作移动端,主要是绝对定位搭建而非静态定位搭建,绝对定位的拖拽较为方便运营人员理解。
### dooringx-lib 如何工作?
@@ -22,6 +24,14 @@ dooringx-lib 在运行时维护一套数据流主要分为json数据部分
其除了提供基础的拖拽、移动、缩放、全选、旋转等功能外,还可以使用暴露的组件。如果觉得组件不够定制化,可以调整样式或者自己重新写。
### 数据流转是怎样的?
1、页面上渲染主要围绕store中json制作你可以在任何地方通过`config.getStore().getData()`拿到store数据修改后使用`config.setData()`设置数据。
2、右侧配置项的开发本质也是通过修改json完成。
3、事件流设计每个组件可以抛出任意个函数组件中可以设置时机比如设置点击组件a按钮或b按钮为触发时机触发后调用事件链。事件链可以设置由多个组件抛出的函数链接而成。
### 快速上手
@@ -269,3 +279,5 @@ export default IframePage;
```
此时拖拽组件进入画布后,点击按钮进入预览则可看见预览状态也被渲染出来了。