- 节点定义：节点是应用的基本单元，类似于React中的组件，支持自定义UI、状态和动作。
- 节点类型：
- 文本节点（Text）：用于显示文本内容，可配置样式和属性。
- 布局节点（Layout）：用于布局安排，支持Flexbox和Grid布局。
- 组件节点（Composite）：包含多个节点，用于复杂布局和功能模块。
节点状态
- 基本状态：包括节点是否可用、是否加载完成等，用于管理节点内部逻辑。
- 布局状态：用于描述节点的排列方式，如水平或垂直排列。
节点关系
- 父子关系：子节点可通过父节点引用，父节点控制子节点行为和数据。
- 兄弟关系：同级节点按顺序排列，影响布局顺序。
节点通信
- 父节点传递：通过父节点传递数据和事件。
- 全局状态：使用全局状态实现跨组件通信。
节点生命周期
- 挂载阶段：初始化数据和事件绑定。
- 更新阶段：重新渲染节点内容。
- 卸载阶段：清理资源，优化性能。
使用步骤
- 定义节点类型：使用Hiddify Next的标签定义节点类型。
- 在组件中使用节点：通过配置节点属性进行布局和行为管理。
- 节点通信：通过父节点传递数据或使用全局状态。
示例
- 文本节点：使用
标签，配置内容和样式。 - 布局节点：使用
标签，配置排列方式。 - 组件节点：使用
标签包含多个节点。
布局配置
- 布局属性：设置排列方式如“horizontal”或“vertical”，影响子节点布局。
状态管理
- 状态属性：绑定节点内部数据状态，如是否加载完成。
- 动作定义：定义节点触发的函数，如点击按钮的回调。
实际应用
- 问题解决：遇到布局或通信问题时，检查节点关系和布局配置，确保状态和动作正确传递。
通过理解节点的定义、状态、布局和通信方式，可以有效地构建和管理Hiddify Next应用的结构，实现高效且隐私保护的Web应用。
