This commit is contained in:
yumoqing 2025-11-18 16:10:44 +08:00
parent 6871601020
commit eadfa82181
15 changed files with 3 additions and 93 deletions

View File

@ -9,10 +9,11 @@ bricks.BaseRunning = class extends bricks.FHBox {
constructor(opts){ constructor(opts){
super(opts); super(opts);
this.icon_w = new bricks.Icon({ this.icon_w = new bricks.Icon({
rate: opts.rate|| 2,
url:opts.icon || bricks_resource('imgs/running.gif') url:opts.icon || bricks_resource('imgs/running.gif')
}); });
this.time_w = new bricks.Text({ this.time_w = new bricks.Text({
text:'test123', text:'00:00:00',
color:'#222', color:'#222',
wrap:false, wrap:false,
i18n:false i18n:false

Binary file not shown.

View File

@ -1,15 +1,3 @@
根据你提供的源码,其中包含多个控件(类)的定义。我们从中识别出以下三个注册的控件:
1. `bricks.VideoBox` —— 视频播放控件
2. `bricks.Signaling` —— 信令管理类(非 UI 控件,但作为功能模块)
3. `bricks.RTCP2PConnect` —— WebRTC 点对点连接管理类
按照你的要求:**每个控件需以 Markdown 格式编写文档,一级标题为控件名称,包含“控件功能、类型、父类”,二级标题为“初始化参数”和“主要事件”**。
> ⚠️ 注意:`Signaling``RTCP2PConnect` 是普通 JS 类,并非 UI 控件或继承自 `JsWidget`,因此归类为“普通控件”;而 `VideoBox` 继承自 `JsWidget`,属于 UI 控件。
---
# VideoBox # VideoBox
**控件功能**:用于在页面中创建并管理 `<video>` 元素支持设置音视频流MediaStream常用于本地或远程视频渲染。 **控件功能**:用于在页面中创建并管理 `<video>` 元素支持设置音视频流MediaStream常用于本地或远程视频渲染。
@ -116,4 +104,4 @@
- `Signaling` 是信令中枢,负责与服务器通信。 - `Signaling` 是信令中枢,负责与服务器通信。
- `RTCP2PConnect` 是 WebRTC 连接控制器,处理点对点连接全流程。 - `RTCP2PConnect` 是 WebRTC 连接控制器,处理点对点连接全流程。
三者协同工作,构成完整的实时通信系统。 三者协同工作,构成完整的实时通信系统。

View File

@ -1,4 +1,3 @@
```markdown
# Running # Running
控件功能:显示一个运行中的动画(如加载中)并实时展示已运行的时间,常用于提示用户操作正在进行。 控件功能:显示一个运行中的动画(如加载中)并实时展示已运行的时间,常用于提示用户操作正在进行。
@ -21,4 +20,3 @@
无自定义事件定义,但继承了 `bricks.BaseModal` 的相关行为: 无自定义事件定义,但继承了 `bricks.BaseModal` 的相关行为:
- **dismiss()**:关闭并清理定时任务。调用时会停止时间计时器,并执行父类的关闭逻辑。 - **dismiss()**:关闭并清理定时任务。调用时会停止时间计时器,并执行父类的关闭逻辑。
```

View File

@ -1,4 +1,3 @@
```markdown
# Splitter # Splitter
控件功能用于在页面中创建一个分隔线horizontal rule常用于视觉上分割不同区域的内容。 控件功能用于在页面中创建一个分隔线horizontal rule常用于视觉上分割不同区域的内容。
@ -12,4 +11,3 @@
## 主要事件 ## 主要事件
- **create**:控件创建时触发,内部调用 `_create('hr')` 方法生成 `<hr>` DOM 元素并赋值给 `this.dom_element`,作为该控件的根元素。 - **create**:控件创建时触发,内部调用 `_create('hr')` 方法生成 `<hr>` DOM 元素并赋值给 `this.dom_element`,作为该控件的根元素。
```

View File

@ -1,4 +1,3 @@
```markdown
# StreamAudio # StreamAudio
控件功能实现音频流的实时采集、语音活动检测VAD触发、音频上传以及接收服务器返回的识别文本结果常用于语音识别场景。 控件功能实现音频流的实时采集、语音活动检测VAD触发、音频上传以及接收服务器返回的识别文本结果常用于语音识别场景。
@ -37,4 +36,3 @@
## 主要事件 ## 主要事件
`StreamAudio` `StreamAudio`
```

View File

@ -1,4 +1,3 @@
```markdown
# Svg # Svg
控件功能:用于加载并显示 SVG 图标,支持颜色动态设置、闪烁效果和自适应尺寸。 控件功能:用于加载并显示 SVG 图标,支持颜色动态设置、闪烁效果和自适应尺寸。
@ -91,4 +90,3 @@
| `state_changed` | 每次调用 `change_state` 成功切换状态后触发,携带新的状态名称作为参数 | | `state_changed` | 每次调用 `change_state` 成功切换状态后触发,携带新的状态名称作为参数 |
> 支持通过 `.on('state_changed', ...)` 监听状态变更。 > 支持通过 `.on('state_changed', ...)` 监听状态变更。
```

View File

@ -1,4 +1,3 @@
```markdown
# Tabular # Tabular
控件功能:用于以表格形式展示数据,支持行选择、复选框状态变化事件、动态内容展开等功能,适用于数据列表展示与交互。 控件功能:用于以表格形式展示数据,支持行选择、复选框状态变化事件、动态内容展开等功能,适用于数据列表展示与交互。
@ -29,4 +28,3 @@
支持将子组件(如工具栏按钮)的事件冒泡到父级,例如: 支持将子组件(如工具栏按钮)的事件冒泡到父级,例如:
- `click`, `dblclick` 等 DOM 事件封装后的自定义事件。 - `click`, `dblclick` 等 DOM 事件封装后的自定义事件。
- 携带原始记录数据,便于业务逻辑响应。 - 携带原始记录数据,便于业务逻辑响应。
```

View File

@ -1,43 +1,3 @@
以下是根据你提供的源码中定义的两个控件(`TreeNode``Tree`)编写的 **Markdown 格式控件文档**,每个控件均按照要求包含一级标题、功能描述、类型与父类,以及“初始化参数”和“主要事件”两个二级标题。
---
# TreeNode
**控件功能**:表示树结构中的一个节点,用于展示树形数据中的单个条目,支持展开/折叠子节点、图标显示、复选框等功能。它是构成树形结构的基本单元。
**类型**:普通控件
**父类控件**`bricks.VBox`
## 初始化参数
| 参数名 | 类型 | 说明 |
|--------|------|------|
| `tree` | `bricks.Tree` 实例 | 所属的树控件实例,用于回调和共享配置 |
| `pnode` | `bricks.TreeNode` 实例或 `null` | 父节点实例,根节点为 `null` |
| `data` | `Object` | 节点绑定的数据对象包含文本、ID、是否为叶子等字段 |
在构造函数中通过 `opts` 设置默认布局属性:
- `width: '100%'`
- `height: 'auto'`
内部自动设置以下状态和属性:
- `this.is_leaf`:根据 `data[tree.is_leafField]` 判断是否为叶子节点
- `this.params`:传递给后端请求的参数,包含节点 ID 和类型信息
- `this.container`:仅非叶子节点创建,用于容纳子节点的 `VBox` 容器(初始隐藏)
## 主要事件
| 事件名 | 触发条件 | 回调参数说明 |
|--------|--------|-------------|
| `click`(注册于 `node_widget` | 用户点击节点行时触发 | 由 `tree.node_click_handle` 处理,传入当前节点实例 |
| `state_changed`(注册于 `triple` 控件) | 节点前导图标状态切换时(点击展开/折叠图标) | 触发 `toggleExpandCollapse` 方法,控制子节点容器的显隐 |
| (间接)`changed`(注册于 `check_w` | 若启用复选框,用户勾选/取消勾选时触发 | 交由 `tree.node_checked` 处理,更新 `checked_data` 并派发事件 |
> 注意:`TreeNode` 自身不直接 dispatch 公共事件,而是通过所属 `Tree` 实例进行事件分发。
---
# Tree # Tree
**控件功能**:树形结构控件,用于展示层级化的数据(如目录、组织架构等),支持异步加载、节点增删改、复选、工具栏操作等功能。可作为静态树或可编辑树使用。 **控件功能**:树形结构控件,用于展示层级化的数据(如目录、组织架构等),支持异步加载、节点增删改、复选、工具栏操作等功能。可作为静态树或可编辑树使用。
@ -78,6 +38,3 @@
- 动态加载子节点数据(`get_children_data` - 动态加载子节点数据(`get_children_data`
- 增删改节点(通过 HTTP 请求或本地操作) - 增删改节点(通过 HTTP 请求或本地操作)
---
> ✅ 文档说明:以上内容基于源码分析生成,适用于开发人员查阅组件接口与行为。实际使用时需确保依赖 `bricks` 框架核心模块(如 `HttpJson`, `ModalForm`, `IconTextBar` 等)已正确加载。

View File

@ -1,4 +1,3 @@
```markdown
# VadText # VadText
控件功能:一个集成语音采集、音频播放和语音识别文本展示的复合控件,用户点击按钮开始录音,当检测到语音结束时自动将音频转为 WAV 格式并发送至后端进行语音识别,返回结果实时显示在文本区域中。 控件功能:一个集成语音采集、音频播放和语音识别文本展示的复合控件,用户点击按钮开始录音,当检测到语音结束时自动将音频转为 WAV 格式并发送至后端进行语音识别,返回结果实时显示在文本区域中。
@ -15,4 +14,3 @@
- `audio_ready`: 当语音活动检测VAD捕获到一段完整的语音并生成音频数据时触发。携带参数为 `Float32Array` 类型的音频样本数据。 - `audio_ready`: 当语音活动检测VAD捕获到一段完整的语音并生成音频数据时触发。携带参数为 `Float32Array` 类型的音频样本数据。
- `changed`: 当语音识别完成且有非空文本内容时,在停止录音后触发。携带当前控件的值对象 `{ [name]: text }`,可用于表单提交或状态同步。 - `changed`: 当语音识别完成且有非空文本内容时,在停止录音后触发。携带当前控件的值对象 `{ [name]: text }`,可用于表单提交或状态同步。
```

View File

@ -1,7 +1,3 @@
以下是根据你提供的源码中定义的两个控件 `VideoPlayer``Iptv`,按照要求编写的 **Markdown 格式控件文档**
---
# VideoPlayer # VideoPlayer
**控件功能**一个支持多种视频格式MP4、HLS `.m3u8`、DASH `.mpd`)的视频播放器控件,内置播放控制条,支持播放/暂停、音量调节、倍速播放、音轨切换和全屏功能。 **控件功能**一个支持多种视频格式MP4、HLS `.m3u8`、DASH `.mpd`)的视频播放器控件,内置播放控制条,支持播放/暂停、音量调节、倍速播放、音轨切换和全屏功能。
@ -82,9 +78,3 @@
}); });
``` ```
---
> ✅ **备注**
> - `VideoPlayer` 使用 [hls.js](https://github.com/video-dev/hls.js) 支持 HLS 流,需引入对应库;使用 [dash.js](https://github.com/Dash-Industry-Forum/dash.js) 支持 DASH 流。
> - `Iptv` 控件依赖 `HttpJson``HttpText` 发起网络请求,请确保相关模块已注册可用。
> - 所有控件均通过 `bricks.Factory.register` 注册,可在配置系统中以字符串形式创建。

View File

@ -1,4 +1,3 @@
```markdown
# WebSocket # WebSocket
控件功能:用于建立与后端的 WebSocket 连接支持发送和接收文本、Base64 编码的音视频数据,并提供多种事件回调。 控件功能:用于建立与后端的 WebSocket 连接支持发送和接收文本、Base64 编码的音视频数据,并提供多种事件回调。
@ -44,4 +43,3 @@
} }
``` ```
控件根据 `type` 字段自动派发对应的事件(如 `ontext`),并将 `data` 作为参数传递给事件处理器。 控件根据 `type` 字段自动派发对应的事件(如 `ontext`),并将 `data` 作为参数传递给事件处理器。
```

View File

@ -1,4 +1,3 @@
```markdown
# WebTTS # WebTTS
**控件功能**实现基于浏览器的文本转语音Text-to-Speech功能支持多语言、音调和语速设置并提供语音合成过程中的事件回调。 **控件功能**实现基于浏览器的文本转语音Text-to-Speech功能支持多语言、音调和语速设置并提供语音合成过程中的事件回调。
@ -39,4 +38,3 @@
- 示例:`{ content: "你好世界" }` - 示例:`{ content: "你好世界" }`
> 注:需浏览器支持 `SpeechRecognition` API否则会打印不支持提示。 > 注:需浏览器支持 `SpeechRecognition` API否则会打印不支持提示。
```

View File

@ -1,7 +1,3 @@
以下是根据你提供的源码中注册的控件,按照要求编写的 **Markdown 格式控件文档**。每个控件都包含一级标题(控件名称)、功能、类型和父类,并在二级标题下列出初始化参数和主要事件。
---
# Tooltip # Tooltip
**控件功能**:用于显示提示信息的浮动文本控件,通常作为鼠标悬停时的工具提示。 **控件功能**:用于显示提示信息的浮动文本控件,通常作为鼠标悬停时的工具提示。
@ -204,7 +200,3 @@
|--------|----------|---------| |--------|----------|---------|
| 无 | —— | —— | | 无 | —— | —— |
---
> ✅ 所有标题类控件均继承自 `TextBase`,具备统一的对齐、国际化、动态字体适配能力。
> 📌 提示:这些控件通过 `bricks.Factory.register()` 注册,可在配置中通过字符串名称创建实例。

View File

@ -1,4 +1,3 @@
```markdown
# Wterm # Wterm
控件功能:基于 xterm.js 实现的 Web 终端控件,用于在浏览器中嵌入一个可通过 WebSocket 与后端交互的终端界面。支持终端尺寸自适应、心跳保活、输入输出数据传输等功能。 控件功能:基于 xterm.js 实现的 Web 终端控件,用于在浏览器中嵌入一个可通过 WebSocket 与后端交互的终端界面。支持终端尺寸自适应、心跳保活、输入输出数据传输等功能。
@ -40,4 +39,3 @@
- `websocket_open/close/error` - `websocket_open/close/error`
WebSocket 生命周期事件,分别处理连接建立、关闭和错误情况,确保资源正确释放。 WebSocket 生命周期事件,分别处理连接建立、关闭和错误情况,确保资源正确释放。
```