2.5 KiB
title, toc, order
| title | toc | order |
|---|---|---|
| dooringx-lib基础 | menu | 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内置弹窗系统，弹窗系统是通过store进行转换而成。
所以在某些情景制作时，可能需要考虑是否在弹窗编辑下的情况。
每个弹窗是只保存block中的数据，而事件等数据只会存在主数据内。
在弹窗保存后，弹窗数据会被置换于主数据内存着，需要编辑时重新置换出来。
可以使用store上的方法进行判断，或者直接获取数据源数据等，具体见API。
数据源
dooringx-lib 的数据源和前面说的store中存储的不是一个东西。
它位于dataCenter中。设计数据源的初衷是为了让不懂代码的人更好理解。
事件的运行完全可以脱离数据源运行，只要使用者知道如何去填写参数。
所以在事件配置时，可以多个选项在数据源中去获得数据转变为参数。