ts-ui-editor

数据结构1:<br/> [ { "key" : "columnRender", "multipleSlot" : true, "node" : { "action" : "ddc73490-12kl-4ui9-ba1b-478db911uidd" } }, { "key" : "columnRender", "multipleSlot" : true, "node" : { "action" : "ddc73490-1

Usage no npm install needed!

<script type="module">
  import tsUiEditor from 'https://cdn.skypack.dev/ts-ui-editor';
</script>

README

数据结构调整：

数据结构1:
[ { "key" : "columnRender", "multipleSlot" : true, "node" : { "action" : "ddc73490-12kl-4ui9-ba1b-478db911uidd" } }, { "key" : "columnRender", "multipleSlot" : true, "node" : { "action" : "ddc73490-12kl-4ui9-ba1b-478db911uidd" } } ]

数据结构2:
{ columnRender:{ "_default" : "ddc73490-12kl-4ui9-ba1b-478db911uidd", "action" : "ddc73490-12kl-4ui9-ba1b-478db911uidd" } }

数据结构1操作起来不好操作，要区分多key和只有一个的情况，实际处理起来需要额外的冗余的代码。 数据结构1的特点是强制固定，就是按照特定的属性和key去判断。 数据结构2的特点是通过逻辑约束，通过规范确定逻辑处理，可以统一处理逻辑较少冗余代码