Giter VIP home page Giter VIP logo

issues's People

Contributors

solidoc avatar

Stargazers

 avatar

Watchers

 avatar  avatar

issues's Issues

table text-column cell的输入问题

问题描述:

当column类型为文本时,使用中文输入法对cell进行编辑,然后按enter键进行输入确认。会删掉之前编辑的内容,只保留最后一次enter后的内容。

贴图展示[操作]:

table有点奇怪的编辑行为

发现日期:

2020/01/12

block copy-paste格式问题

选中一个标题block,copy;再单击一个列表项左侧,paste;这时粘贴过来的内容仍保持标题格式,但又和列表项处于同一children级别

table数据使用immer修改后,导致editor view重新渲染的问题

目前slate insert node 的执行顺序:

  1. Transforms.insertNodes 生成op
  2. 调用editor的apply:
    1. 先执行view(react插件)层apply。
      1. 根据op类型,生成一个matches数组,存储了path和findKey的映射关系。
    2. 再执行vm层apply。
      1. 使用immer修改数据,会使向上的父级引用全部发生变化。如果直接使用该数据进行渲染,则向上的所有父级的组件都会被从新渲染。
    3. 最后执行view层的剩余代码,处理matches数组。
      1. 将缓存的path通过Editor.node取到修改后的element
      2. 将新的element与缓存的key进行新的映射。
    4. 调用onChange,让页面渲染

29721606018013_ pic

问题最终定位:
未执行react层的key与node映射逻辑。

列表项backspace后崩溃

在列表中的某一项右侧单击,出现block selection的光标,然后连续backspace,每次删除一个列表项,当删除最后一个列表项后崩溃。

table的相关问题

待解决问题:

  • 问题三
  • 问题四
  • 问题五
  • 问题六
  • 问题七

问题一

描述:

shift框选至边界并松开shift键再按方向键时[靠近边界的方向],无法聚焦单元格。

贴图展示[操作]:

shift-move

解决状态:

已解决 -- [2021/01/11]


问题二【2020/12/23】

描述:

存在一个table block以及下方有一个para block,编辑光标在para的开头,按下left-arrow, 页面会crash。

贴图展示[操作/报错]:

操作:

editor-cursor

报错:

image

解决状态:

已解决 -- [2021/01/11]


问题三【2020/12/29】

描述:

当列类型为数字类型时,单元格限制输入长度[20],且一旦超过长度限制数字的保留表现古怪。

贴图展示[操作]:

number-cell

解决状态

未解决


问题四【2020/01/05】

描述:

当列类型为日期时,选择日期格式为汉字的月份,但渲染出来的月份单位为阿拉伯数字。

贴图展示[操作]:

date-cell

解决状态:

未解决


问题五【2021/01/07】

描述:

删除table所有columns会引发页面的crash。

贴图展示[操作/报错]:

操作

table-delete

报错

image

解决状态:

未解决


问题六【2021/01/07】

描述:

当column类型为数字时,cell进入编辑状态时光标位置不对。

贴图展示[操作]:

number-cursor

解决状态:

未解决


问题七【2021/01/07】

描述:

当column类型为数字且保留全部小数时,输入3.1415,再设置其为不显示小数,cell显示上还是会保留小数点。

贴图展示[操作]:

number-decimals

解决状态

未解决


问题八【2021/01/07】

描述:

选中table最后一行的某个单元格,连按两下enter键,页面crash。

贴图展示[操作/报错]:

操作:

table-enter

报错:

image

解决状态:

已解决 -- [2021/01/11]


问题九【2021/01/07】

描述:

当column类型位列表时,进行输入tag的操作,完成输入后点击本列其他单元格,页面会crash。

贴图展示[操作/报错]:

操作:

table-list

报错:

image

解决状态:

已解决 -- [2021/01/11]

quote block背景光标位置问题。

问题描述:

新创建一个quote block,点击block左侧,背景光标出现在内部的paragraph左侧。

贴图展示[操作]:

quote

发现时间:

2020/12/24

在预创建table块下方创建一个hint/code block后删除,页面会崩的问题

问题描述
在预创建table的block下,添加一个提示或者代码块,然后将其删除,会导致页面崩溃。

场景重现

  1. 点击menu创建一个table preseting块元素。
  2. 点击preseting块元素左侧,按下回车键。
  3. 添加一个hint/code 块元素,然后将其删除。

期待表现
能够正常删除块元素不抛错。

操作/报错贴图
操作:
editor

报错:
image

环境 (请完善下列信息):

  • 系统: macOS High Sierra
  • 浏览器:chrome87

sidebar item重命名问题

问题描述

  1. 双击某一个item进行重命名,然后双击另一个item,会触发上一个item的重命名。

  2. 对某一个item进行重命名操作,item无法正常及时显示更名内容。

场景重现
问题一:

  1. 双击sidebar的某个item进入重命名
  2. 然后双击另一个item

问题二:

  1. 双击某一个item进行重命名。
  2. 完成命名输入,按下enter键。
  3. 再多次按下enter键。

期待表现
一的期待表现:重命名操作不应该由非相关区域的双击事件触发。
二的期待表现:完成重命名输入,按下enter键应该及时正常显示相关更名。

操作/报错贴图
sidebar

环境 (请完善下列信息):

  • 系统: macOS High Serra
  • 浏览器:chrome87

top toolbar 更改文本背景色与字体颜色弹窗问题

问题描述
editor的top toolbar更改文本背景色的选项弹窗与更改文本字体颜色的弹窗不互斥,会同时存在。

场景重现

  1. 点击top toolbar的更改文本背景色的选项。
  2. 点击top toolbar的更改文本字体颜色的选项。

期待表现
更改文本背景色的选项和更改文本字体颜色的选项的弹窗不应该同时存在。

操作/报错贴图
top-toolbar

环境 (请完善下列信息):

  • 系统: Catalina
  • 浏览器: Chrome

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.