acss-dnd
acss-dnd copied to clipboard
一款基于原子类 css 特性的 web 拖拽式编辑器(An web dnd editor on atomic css features)
## bug大致位置 - [ ] 菜单(Menu) - [ ] 模板预览(Template) - [x] 编辑器(Editor) - [x] 属性编辑(SideBar) - [ ] 其他(other) ## bug 描述   ## 版本号 0.0.11 ## 复现步骤...
原因:因为目前所实现的思路是,任意元素拖拽到任意位置 产生了这个最大的问题: 无法做到拖拽到所想的位置 ``` html xxx ``` 因为外层div是被撑开的,所以他本身没有高度,当我想要选中他时,被header/main所阻碍。 eg: 我想要在main下面增加一个footer标签 初略的一个解决方向,给每个元素/组件/模板 用颗粒度作为区分 三个分类:模板 > 组件 > 元素 - 模板由组件组成 模板大致范围:footet底部、hero人物卡片等一系列完整的业务组件,拿出来之后做一些小修改就能使用 - 组件由元素组成 组件大致范围:Button、radio、面包屑 - 元素为最小颗粒 元素大致范围:文本 所以拖拽的规范就是:**不可同级嵌套,当我选中的是一个模板时,就不能选择其他模板进行嵌套,组件,元素同理** 根据这个思路,好像Layout布局容器,这种类似的模板就完全没必要了,**容器永远只有一个,那就是编辑器**
感觉文本的修改,可以直接在编辑器中修改,从而移除掉属性栏中的输入框。 

## bug大致位置 - [ ] 菜单(Menu) - [ ] 模板预览(Template) - [ ] 编辑器(Editor) - [x] 属性编辑(SideBar) - [ ] 其他(other) ## bug 描述  ## 版本号 0.0.9 ## 复现步骤...
## bug 描述  ## 版本号 0.0.5 ## 复现步骤 (请告诉我们,如何最快的复现该 bug) - 步骤一 - 步骤二 - 步骤三
 操作下面的,会导致classname中的类增加,从而导致页面抖动
