mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2026-06-14 02:18:16 +08:00
29 lines
838 B
Markdown
29 lines
838 B
Markdown
# uiService事件
|
||
|
||
## state-change
|
||
|
||
- **详情：** UI 状态发生变化时触发，[uiService.set()](./uiServiceMethods.md#set) 在写入的新值与旧值不同时触发
|
||
|
||
- **事件回调函数：** `(name: keyof UiState, value: UiState[typeof name], preValue: UiState[typeof name]) => void`
|
||
|
||
::: details 查看 UiState 类型定义
|
||
<<< @/../packages/editor/src/type.ts#UiState{ts}
|
||
:::
|
||
|
||
- **示例：**
|
||
|
||
```js
|
||
import { uiService } from '@tmagic/editor';
|
||
|
||
uiService.on('state-change', (name, value, preValue) => {
|
||
console.log(`${name} 从`, preValue, '变为', value);
|
||
});
|
||
|
||
uiService.set('zoom', 1.5);
|
||
```
|
||
|
||
:::tip
|
||
- 新值与旧值相同时不会触发该事件
|
||
- 通过 `set('stageRect', value)` 修改画布尺寸时，内部会走 `setStageRect` 逻辑并可能联动更新 `zoom`，但不会触发 `state-change` 事件
|
||
:::
|