bugfix
This commit is contained in:
parent
6871601020
commit
eadfa82181
@ -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.
@ -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 连接控制器,处理点对点连接全流程。
|
||||||
|
|
||||||
三者协同工作,构成完整的实时通信系统。
|
三者协同工作,构成完整的实时通信系统。
|
||||||
|
|||||||
@ -1,4 +1,3 @@
|
|||||||
```markdown
|
|
||||||
# Running
|
# Running
|
||||||
|
|
||||||
控件功能:显示一个运行中的动画(如加载中)并实时展示已运行的时间,常用于提示用户操作正在进行。
|
控件功能:显示一个运行中的动画(如加载中)并实时展示已运行的时间,常用于提示用户操作正在进行。
|
||||||
@ -21,4 +20,3 @@
|
|||||||
无自定义事件定义,但继承了 `bricks.BaseModal` 的相关行为:
|
无自定义事件定义,但继承了 `bricks.BaseModal` 的相关行为:
|
||||||
|
|
||||||
- **dismiss()**:关闭并清理定时任务。调用时会停止时间计时器,并执行父类的关闭逻辑。
|
- **dismiss()**:关闭并清理定时任务。调用时会停止时间计时器,并执行父类的关闭逻辑。
|
||||||
```
|
|
||||||
@ -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`,作为该控件的根元素。
|
||||||
```
|
|
||||||
@ -1,4 +1,3 @@
|
|||||||
```markdown
|
|
||||||
# StreamAudio
|
# StreamAudio
|
||||||
|
|
||||||
控件功能:实现音频流的实时采集、语音活动检测(VAD)触发、音频上传以及接收服务器返回的识别文本结果,常用于语音识别场景。
|
控件功能:实现音频流的实时采集、语音活动检测(VAD)触发、音频上传以及接收服务器返回的识别文本结果,常用于语音识别场景。
|
||||||
@ -37,4 +36,3 @@
|
|||||||
## 主要事件
|
## 主要事件
|
||||||
|
|
||||||
同 `StreamAudio`。
|
同 `StreamAudio`。
|
||||||
```
|
|
||||||
@ -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', ...)` 监听状态变更。
|
||||||
```
|
|
||||||
@ -1,4 +1,3 @@
|
|||||||
```markdown
|
|
||||||
# Tabular
|
# Tabular
|
||||||
|
|
||||||
控件功能:用于以表格形式展示数据,支持行选择、复选框状态变化事件、动态内容展开等功能,适用于数据列表展示与交互。
|
控件功能:用于以表格形式展示数据,支持行选择、复选框状态变化事件、动态内容展开等功能,适用于数据列表展示与交互。
|
||||||
@ -29,4 +28,3 @@
|
|||||||
支持将子组件(如工具栏按钮)的事件冒泡到父级,例如:
|
支持将子组件(如工具栏按钮)的事件冒泡到父级,例如:
|
||||||
- `click`, `dblclick` 等 DOM 事件封装后的自定义事件。
|
- `click`, `dblclick` 等 DOM 事件封装后的自定义事件。
|
||||||
- 携带原始记录数据,便于业务逻辑响应。
|
- 携带原始记录数据,便于业务逻辑响应。
|
||||||
```
|
|
||||||
@ -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` 等)已正确加载。
|
|
||||||
@ -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 }`,可用于表单提交或状态同步。
|
||||||
```
|
|
||||||
@ -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` 注册,可在配置系统中以字符串形式创建。
|
|
||||||
@ -1,4 +1,3 @@
|
|||||||
```markdown
|
|
||||||
# WebSocket
|
# WebSocket
|
||||||
|
|
||||||
控件功能:用于建立与后端的 WebSocket 连接,支持发送和接收文本、Base64 编码的音视频数据,并提供多种事件回调。
|
控件功能:用于建立与后端的 WebSocket 连接,支持发送和接收文本、Base64 编码的音视频数据,并提供多种事件回调。
|
||||||
@ -44,4 +43,3 @@
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
控件根据 `type` 字段自动派发对应的事件(如 `ontext`),并将 `data` 作为参数传递给事件处理器。
|
控件根据 `type` 字段自动派发对应的事件(如 `ontext`),并将 `data` 作为参数传递给事件处理器。
|
||||||
```
|
|
||||||
@ -1,4 +1,3 @@
|
|||||||
```markdown
|
|
||||||
# WebTTS
|
# WebTTS
|
||||||
|
|
||||||
**控件功能**:实现基于浏览器的文本转语音(Text-to-Speech)功能,支持多语言、音调和语速设置,并提供语音合成过程中的事件回调。
|
**控件功能**:实现基于浏览器的文本转语音(Text-to-Speech)功能,支持多语言、音调和语速设置,并提供语音合成过程中的事件回调。
|
||||||
@ -39,4 +38,3 @@
|
|||||||
- 示例:`{ content: "你好世界" }`
|
- 示例:`{ content: "你好世界" }`
|
||||||
|
|
||||||
> 注:需浏览器支持 `SpeechRecognition` API,否则会打印不支持提示。
|
> 注:需浏览器支持 `SpeechRecognition` API,否则会打印不支持提示。
|
||||||
```
|
|
||||||
@ -1,7 +1,3 @@
|
|||||||
以下是根据你提供的源码中注册的控件,按照要求编写的 **Markdown 格式控件文档**。每个控件都包含一级标题(控件名称)、功能、类型和父类,并在二级标题下列出初始化参数和主要事件。
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
# Tooltip
|
# Tooltip
|
||||||
|
|
||||||
**控件功能**:用于显示提示信息的浮动文本控件,通常作为鼠标悬停时的工具提示。
|
**控件功能**:用于显示提示信息的浮动文本控件,通常作为鼠标悬停时的工具提示。
|
||||||
@ -204,7 +200,3 @@
|
|||||||
|--------|----------|---------|
|
|--------|----------|---------|
|
||||||
| 无 | —— | —— |
|
| 无 | —— | —— |
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
> ✅ 所有标题类控件均继承自 `TextBase`,具备统一的对齐、国际化、动态字体适配能力。
|
|
||||||
> 📌 提示:这些控件通过 `bricks.Factory.register()` 注册,可在配置中通过字符串名称创建实例。
|
|
||||||
@ -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 生命周期事件,分别处理连接建立、关闭和错误情况,确保资源正确释放。
|
||||||
```
|
|
||||||
Loading…
x
Reference in New Issue
Block a user