mirror of
https://github.com/Powerful-517/yys-editor.git
synced 2026-03-05 06:55:26 +00:00
- 移除自定义文本编辑逻辑,交由 LogicFlow 和 TextNodeModel 处理 - TextNode.vue 简化为空容器,LogicFlow 自动渲染文本内容 - 保留 TextNodeModel.ts 用于配置文本样式和编辑行为 - 采用模型-视图分离架构,符合 LogicFlow 设计模式
23 lines
554 B
Vue
23 lines
554 B
Vue
<script setup lang="ts">
|
||
const props = defineProps<{
|
||
node: any;
|
||
}>();
|
||
</script>
|
||
|
||
<template>
|
||
<div class="property-section">
|
||
<div class="section-header">文本节点</div>
|
||
<div class="property-item">
|
||
<label class="property-label">内容</label>
|
||
<div class="property-value">
|
||
{{ props.node?.properties?.text || '未设置' }}
|
||
</div>
|
||
</div>
|
||
<div class="property-item">
|
||
<div class="property-note">
|
||
💡 提示:双击画布中的节点即可编辑文字
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|