70 lines
2.5 KiB
Markdown
70 lines
2.5 KiB
Markdown
---
|
||
title: dooringx-lib基础
|
||
toc: menu
|
||
order: 2
|
||
---
|
||
|
||
|
||
### store
|
||
|
||
store 类似于 redux 的概念，它内部实现了 redo、undo、发布订阅、置换数据、强制刷新等功能。
|
||
|
||
store 可以在 config 中获取。
|
||
|
||
在最开始时，需要通过 useStoreState 与 react 结合，此时可以在任意位置使用 store.forceUpdate 强刷，也可以使用 state 获取 store 中的数据。
|
||
|
||
store 的最重要功能是保存着每次修改 json 队列。
|
||
|
||
如果你需要更新数据，在深拷贝后使用 setData 方法进行更新。
|
||
|
||
如果你需要更新时不记录在 redo 或 undo 上留下记录，那么请操作队列删除其中保存内容即可。
|
||
|
||
对于改变数据后想即使看见视图更新，那么使用forceUpdate即可。
|
||
|
||
|
||
### 事件
|
||
|
||
dooringx-lib 的事件是在eventCenter上，它上面会集成functionCenter与一个事件链。
|
||
|
||
在eventCenter中可以获取组件注册的时机。时机类似于组件生命周期一样，可以注册后在对应的时机进行调用。
|
||
|
||
而functionCenter中的函数则会与时机结合，再由事件链对用户设定的队列进行统一处理。
|
||
|
||
每个事件链在执行中会有上下文对象，这个对象会贯穿这个事件链。
|
||
|
||
### 命令
|
||
|
||
|
||
dooringx-lib 的命令是由commander进行管理。
|
||
|
||
内部默认提供redo与undo的命令，您可以通过插件方式增加commander。
|
||
|
||
commander内部集成了快捷键配置，使用键盘事件的key进行注册，如果ctrl、alt、meta键，可加对应的加号进行组合键注册，内部忽略大小写（注意！不是忽略注册的键名大小写，而是A和a的key处理时等价）。
|
||
|
||
### 弹窗
|
||
|
||
|
||
dooringx-lib内置弹窗系统，弹窗系统是通过storeChanger进行转换而成。
|
||
|
||
所以在某些情景制作时，可能需要考虑是否在弹窗编辑下的情况。
|
||
|
||
每个弹窗是只保存block中的数据，而事件等数据只会存在主数据内。
|
||
|
||
在弹窗保存后，弹窗数据会被置换于主数据内存着，需要编辑时重新置换出来。
|
||
|
||
可以使用storeChanger上的方法进行判断，或者直接获取数据源数据等，具体见API。
|
||
|
||
|
||
### 数据源
|
||
|
||
|
||
dooringx-lib 的数据源和前面说的store中存储的不是一个东西。
|
||
|
||
它位于dataCenter中。设计数据源的初衷是为了让不懂代码的人更好理解。
|
||
|
||
事件的运行完全可以脱离数据源运行，只要使用者知道如何去填写参数。
|
||
|
||
所以在事件配置时，可以多个选项在数据源中去获得数据转变为参数。
|
||
|
||
|