template

属性编辑器中

bug大致位置

• 菜单（Menu）
• 模板预览（Template）
• 编辑器（Editor）
• 属性编辑（SideBar）
• 其他（other）

bug 描述

版本号

0.0.9

复现步骤

• 步骤一
• 步骤二
• 步骤三

目前用的插入到选中元素的后面，会出现

• 如果是<div class='w-10 h-10' />无法在里面加入元素
• 如果是<div class='w-10 h-10'>xxxooo</div>里面是文本节点，无法选中xxxooo，导致也没办法在div中加入元素

采用将拖拽元素，加入到选中元素的child中，作为子元素。

• 还是无法选中文本节点，但是已经规避了这个问题，文本节点本身就不能appendChild
• 如果是<div class='w-10 h-10'>xxxooo</div>可以直接选中div然后插入div，作为其子元素

#5

发现 vuese 中的 useStroage可以直接实现监听，借助storage特性可以直接在iframe直接通信，从而取代postMessage的方案。

• classname的操作方法，应该写在一起
• utils.ts文件大多数是对node节点和html的操作

操作下面的，会导致classname中的类增加，从而导致页面抖动

bug 描述

版本号

0.0.5

复现步骤

（请告诉我们，如何最快的复现该 bug）

• 步骤一
• 步骤二
• 步骤三

如何让倒计时动起来：
daisy ui描述 ：

You need to change to --value CSS variable using JS. Value must be a number between 0 and 99

感觉文本的修改，可以直接在编辑器中修改，从而移除掉属性栏中的输入框。

bug大致位置

• 菜单（Menu）
• 模板预览（Template）
• 编辑器（Editor）
• 属性编辑（SideBar）
• 其他（other）

bug 描述

版本号

0.0.11

复现步骤

（请告诉我们，如何最快的复现该 bug）

• 步骤一
• 步骤二
• 步骤三

bug大致位置

• 菜单（Menu）
• 模板预览（Template）
• 编辑器（Editor）
• 属性编辑（SideBar）
• 其他（other）

bug 描述

版本号

0.0.8

复现步骤

（请告诉我们，如何最快的复现该 bug）

• 步骤一
• 步骤二
• 步骤三

bug大致位置

• 菜单（Menu）
• 模板预览（Template）
• 编辑器（Editor）
• 属性编辑（SideBar）
• 其他（other）

bug 描述

正常的

版本号

0.0.11

复现步骤

（请告诉我们，如何最快的复现该 bug）

• 步骤一
• 步骤二
• 步骤三

理由：

• icones免费 fontawesome想要用的都要收费
• vscode有icones插件，可以直接看到图标

• 无法自动选中当前调试的模板
• 无法hmr热更新

原因：因为目前所实现的思路是，任意元素拖拽到任意位置

产生了这个最大的问题：

无法做到拖拽到所想的位置

<div>
<header>xxx</header>
<main class='h-50'></main>
</div>

因为外层div是被撑开的，所以他本身没有高度，当我想要选中他时，被header/main所阻碍。
eg: 我想要在main下面增加一个footer标签

初略的一个解决方向，给每个元素/组件/模板 用颗粒度作为区分

三个分类：模板 > 组件 > 元素

• 模板由组件组成 模板大致范围：footet底部、hero人物卡片等一系列完整的业务组件，拿出来之后做一些小修改就能使用
• 组件由元素组成 组件大致范围：Button、radio、面包屑
• 元素为最小颗粒 元素大致范围：文本

所以拖拽的规范就是：不可同级嵌套，当我选中的是一个模板时，就不能选择其他模板进行嵌套，组件，元素同理

根据这个思路，好像Layout布局容器，这种类似的模板就完全没必要了，容器永远只有一个，那就是编辑器

bug大致位置

• 菜单（Menu）
• 模板预览（Template）
• 编辑器（Editor）
• 属性编辑（SideBar）
• 其他（other）

bug 描述

版本号

0.0.11

复现步骤

（请告诉我们，如何最快的复现该 bug）

• 步骤一
• 步骤二
• 步骤三

bug 描述

版本号

0.0.5

复现步骤

• 步骤一
• 步骤二
• 步骤三

关闭之后，元素依然是选中状态