ice-entity-designer 0.0.31 → 0.0.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +40 -0
- package/dist/index.cjs +2 -2
- package/dist/index.mjs +2 -2
- package/dist/index.umd.js +2 -2
- package/dist/types/flow/FlowDesigner.d.mts +3 -1
- package/dist/types/flow/FlowDesigner.d.ts +3 -1
- package/dist/types/flow/FlowEdge.d.mts +2 -1
- package/dist/types/flow/FlowEdge.d.ts +2 -1
- package/dist/types/index.d.mts +5 -0
- package/dist/types/index.d.ts +5 -0
- package/dist/types/power/PowerDesigner.d.mts +73 -0
- package/dist/types/power/PowerDesigner.d.ts +73 -0
- package/dist/types/power/power_shapes.d.mts +90 -0
- package/dist/types/power/power_shapes.d.ts +90 -0
- package/dist/types/power/power_voltage.d.mts +33 -0
- package/dist/types/power/power_voltage.d.ts +33 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -122,6 +122,8 @@ npm run build
|
|
|
122
122
|
| `examples/uml-editor.html` | UML 类图编辑器:三段式类框、六种关系、语义校验、矢量导出、PlantUML / Mermaid 文本互操作 |
|
|
123
123
|
| `examples/statechart-editor.html` | 状态机编辑器:伪状态 / 普通状态 / 复合状态容器、转移标签 `事件 [守卫] / 动作` |
|
|
124
124
|
| `examples/gantt-editor.html` | 甘特编辑器:时间轴与按天吸附、依赖线、自动排程、关键路径、资源冲突校验、矢量导出 |
|
|
125
|
+
| `examples/power-editor.html` | 电力一次系统图(单线图)编辑器:110kV 变电站案例(双母线 + 母联 + 两回进线 + 两台主变),开关分合、带电分析与色标、五防相关校验 |
|
|
126
|
+
| `examples/power-symbols.html` | 电力符号表:15 种一次设备符号(记法对齐 JB/T 5872-1991),可缩放平移、导出 SVG |
|
|
125
127
|
| [`ice-entity-designer-react-demo`](../ice-entity-designer-react-demo) | 独立的 React 集成示例工程(webpack + TypeScript),涵盖 ref / hook / onChange / 受控模式 |
|
|
126
128
|
|
|
127
129
|
```bash
|
|
@@ -413,6 +415,44 @@ const svg = statechart.toSvg({ background: '#ffffff' });
|
|
|
413
415
|
|
|
414
416
|
可运行示例:`examples/statechart-editor.html`(订单状态机,含复合状态与 PlantUML 导入导出)。
|
|
415
417
|
|
|
418
|
+
#### 5.9 电力一次系统图(单线图)
|
|
419
|
+
|
|
420
|
+
面向电力行业的第一块垂直切片:**一次设备符号库 + 应用层 + 拓扑 + 语义校验**。
|
|
421
|
+
记法对齐 **JB/T 5872-1991《高压开关设备电气图形及文字符号》**(QF 断路器 / QS 隔离开关 /
|
|
422
|
+
QL 负荷开关 / QE 接地开关 / TA 电流互感器 / TV 电压互感器 / TM 变压器 / FU 熔断器 / F 避雷器 /
|
|
423
|
+
L 电抗器 / E 接地),通用规则遵循 GB/T 4728(等同 IEC 60617)。符号依据与默认口径见
|
|
424
|
+
`docs/power-symbol-spec.md`。
|
|
425
|
+
|
|
426
|
+
```js
|
|
427
|
+
import { ICE, PowerDesigner } from 'ice-entity-designer';
|
|
428
|
+
|
|
429
|
+
const ice = new ICE().init('canvas-1');
|
|
430
|
+
const power = new PowerDesigner(ice);
|
|
431
|
+
|
|
432
|
+
const line = power.createSymbol('generator', { name: '线路1', voltageLevel: '110kV' });
|
|
433
|
+
const qf = power.createSymbol('breaker', { name: '1101', voltageLevel: '110kV' });
|
|
434
|
+
const bus = power.createSymbol('busbar', { name: '#1M', voltageLevel: '110kV', width: 720 });
|
|
435
|
+
power.createLine({ sourceId: line.state.id, targetId: qf.state.id });
|
|
436
|
+
power.createLine({ sourceId: qf.state.id, targetId: bus.state.id });
|
|
437
|
+
|
|
438
|
+
power.setEnergizedSource(line.state.id, true); // 标电源点
|
|
439
|
+
power.setSwitchState(qf.state.id, 'closed'); // 运行态:合闸
|
|
440
|
+
power.applyTopology(); // 带电分析 → 写回各设备,供色标使用
|
|
441
|
+
power.validatePower(); // 编号唯一 / 电压等级一致 / 母线进线 / 断路器两侧隔离开关 / 五防
|
|
442
|
+
const svg = power.toSvg({ background: '#ffffff' });
|
|
443
|
+
```
|
|
444
|
+
|
|
445
|
+
| 能力 | 说明 |
|
|
446
|
+
|---|---|
|
|
447
|
+
| 符号库 | 15 种一次设备;每个派生部件带稳定 `role`(blade / arcMark / contactBar / winding / coil…),测试按 role 认记法 |
|
|
448
|
+
| 电压等级色标 | `setVoltageColors({ '110kV': '#xxxxxx' })` 覆盖;默认值见规格文档 |
|
|
449
|
+
| 运行态 | `setSwitchState(id, 'open' / 'closed')`:刀臂形状 + 分合标签 + 带电范围一起更新 |
|
|
450
|
+
| 拓扑 | `topology()` 返回带电设备与电气连通域;`applyTopology()` 把带电状态写回节点(不带电自动变灰) |
|
|
451
|
+
| 语义校验 | 设备编号唯一、直接相连的电压等级一致(变压器两侧例外)、母线要有进线、断路器两侧应有隔离开关,以及**带电合接地刀闸 / 带接地线合闸送电**这两条五防相关规则 |
|
|
452
|
+
|
|
453
|
+
可运行示例:`examples/power-editor.html`(110kV 变电站:双母线 + 母联 + 两回进线 + 两台主变);
|
|
454
|
+
符号表页:`examples/power-symbols.html`。
|
|
455
|
+
|
|
416
456
|
## 6. 在 React 中使用
|
|
417
457
|
|
|
418
458
|
包内置 React 绑定(子路径导出 `ice-entity-designer/react`),不需要自己写 ref / effect 胶水代码。
|