naive-ui/think.md

208 lines
7.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

## git problem...
我的锅...远程分支没设定好,推得哪个自己都不知道。
## test 时候 vue v-model 产生的效果必须在 \$nextTick() 之后才会产生,虽然它声称自己是同步的...
我的锅,忘了为啥了。确实是同步的,是我没有考虑到 v-model 这东西应该用什么方法测试。
## Vue loader 编译深度选择器出了问题
a >>> b 被编译成了 a > > > b
## input 的 change 不随外界 props value 的改变改变
其他的我还没想好
## 2019.7.17 There may be a bug of chrome
在一个 single filterable select 中,会出现一个 bug...,这个 bug 会让溢出屏幕的 item 不再显示。感觉可能是 Chrome 为了性能优化没有渲染一些在屏幕外面的东西,暂时通过 translateZ(0) 解决了。
## 2019.7.17 Popover
popover 的 hover 有问题,哎...一大堆东西闪来闪去就可能 mouseleave 没触发就一直留在那了
## 2019.7.31 Margin 没有撑开元素
overflow: hidden 可以解决,这是 BFC 的问题
## 2019.8.1
width: fit-content, min-content, max-content, intrinsic, extrinsic
flex, flex-grow
```
render (h) {
console.log(this.$props)
return h('div', {
staticClass: 'n-steps'
}, mapSteps({ ...this.$props }, this.$slots.default))
}
```
为什么 \$props 不一样?解构赋值做了什么
document.querySelector('\*[n-id=888d3] .simulate-transparent-text') 不合法?
## 2019.8.8
函数节流别忘了加上@scroll
## 2019.8.27
activator 外面不应该包元素
检查内存泄露可能性
考虑级联异步 api
placement \$refs 变化更改
## 2019.8.28
picker 在 input 聚焦的时候esc 按钮不符合预期
## 2019.8.29
block transition for date picker in range not via :key
## 2019.9.2
select menu 更加自治一点 比如 isSelected可能最后要加到 vmodel 为止
tooltip css max-content 兼容性
popover z-index 问题
## 2019.9.3
popover 停止追踪的时机
## 2019.9.24
popover 可能 activator 和 content 不同步,在 beforeRouteEnter locale change 的时候!!!
## 2019.9.28
confirm 有 bug = =...和 button 颜色相关,之后检查吧
## 2019.10.21
Radio Button 默认主题下是否 hollow out这是个问题
## 2019.11.14
base picker focus 问题
## 2019.12.3
Dropdown Submenu 定位问题
还有那个... Modal + border 的问题,怎么解决
## 2019.12.20
Anchor Bug 复现 at typography
## 2019.12.23
Damn eslint
```
What fixed it for me was using double quotes and an escaping slash like so:
"lint": "eslint \"**/*.{js,jsx}\" --quiet",
Previously, it would not work with single quotes:
"lint": "eslint '**/*.{js,jsx}' --quiet",
```
## 2019.12.30
为了按需引入打包大小依旧可控,需要用某种方式让互相的依赖变为外部依赖。或者就维持原本的文件结构,这样的话需要的是 babel。看起来还是有点麻烦之后再解决吧。
## 2019.2.26
虽然没啥用了,还是留着吧
```
/**
* In Chrome, Firefox, Safari, this only happens when devtool opened
* However only Chrome and Firefox will refocus at input element
*/
const devtoolIsOpened = e.target === document.activeElement
```
## TODO 排序不分先后
1. <del>Focus Detector on Time Selector</del>
2. <del>Menu Root Indent = 0 可能造成问题</del>
3. 用 RAF 优化 scrollbar 性能(不一定需要)
4. <del>Anchor 切换有 bug忽然闪现第一个</del>
5. <del>Safari select lightbar container overflow 边角(或许是 webkit 的问题)</del>默认选中第一个可以装作这个问题不存在
6. <del>Chrome lightbar offset @table fitler</del> select menu 始终存在这个问题,不知道原因是什么
7. <del>cascader 数据结构重构,维持原选项!</del> 这个不做了,对 Children 的处理过于边角Patch 那块也会从声明式变成命令式
8. <del>排查 render 函数是否每个地方都支持数组</del>
9. <del>form async validation</del>
10. <del>table filter 重构支持异步</del>
11. <del>tabs resize bug</del>
12. <del>CSS 整理</del> 暂且算做完了
13. <del>落地页</del>
14. <del>按需引入 babel plugin</del> 这个不做了,收益不大,工作量不小
15. <del>form table 需要 size</del>
16. <del>input number 需要一个小型的</del> 目前看来也不是很必要input number 其实可以很小
17. <del>layout scroll api</del>
18. <del>cascader select menu disabled 选项</del>
19. <del>icon 的默认 stroke</del>
20. <del>tree 组件</del>
21. <del>文件上传组件</del>
22. custom-input 废弃或者重构
23. Date 键盘操作 Time 键盘操作
24. <del>Time 格式化</del>
25. <del>Date 格式化</del>
26. <del>base cancel mark rename suffix</del>s
27. <del>base picker => base selection</del>
28. <del>base lightbar => base tracking rect</del>
29. <del>loader 区分 debug 和 非 debug</del>
30. <del>逐步放宽对宽度必需传 number 的现实,尤其是对于 table</del>
31. <del>BaseLoading 代替 Log 里的 Spin</del>
32. Modal 内部组件的卸载方式
33. <del>Anchor 的另一种模式,追踪内容按照的是中间范围而不是自身大小</del>
34. <del>bug md-loader alert 内的 code 不显示</del> 不是 bugmd 就这么渲染
35. <del>backtop mounted blink</del>
36. <del>Tab keep alive</del>
37. <del>Cascader submenu 的 lightbar 用 base tracking rect 代替</del>
38. <del>Dropdown 样式微调</del>
39. <del>Card 用 padding 代替 margin 来避免 margin 折叠的问题</del> 不做了,要是想避免折叠让用户自己写 bfc 吧
40. <del>检查 Icon 在 button 中切换有没有问题,直觉来说应该没问题</del>
41. <del>Radio Group 和 Steps 的镂空效果在 mounted 的时候 transition 没有关闭</del>
42. <del>Typography 文档待更新</del>
43. <del>Tab 文档待更新</del>
44. <del>Icon 文档待更新</del>
45. <del>把 Upload 的回调 API 从 promise 改成 callback 格式的,文档也要对应修改</del> 我决定全面提供 Promise API 而不是 callback 风格的
46. <del>Date Picker 的 format 文档内容</del>s
47. <del>Button Group 样式</del>
48. <del>text button icon</del>
49. <del>tab scroll 计算有潜在 bug</del>
50. <del>data-table 的 header height 为啥要固定因为固定列的问题sticky 解决了就没事</del>
51. <del>scrollbar 在平时不显示用不到的 rail</del>
52. <del>placeholder transition 对 firefox 做兼容</del>
53. <del>调整 date picker 的尺寸</del>s
54. <del>Select option 右侧 padding 调整</del>
55. <del>Popover arrow shadow 调整</del>
56. <del>Input number 按钮样式调整</del>
57. 一部分组件在 Modal 内部的样式
58. <del>更新 Progress 文档</del>
59. <del>为所有的数据录入组件的尺寸</del>
60. 审核文档
61. <del>调整 transfer 的样式</del>
62. <del>Table cascader 差一点国际化</del>
63. Anchor 初次滚动的逻辑是不是要手动调整一下,现在位置实际上不一致
64. <del>将所有的 Typography 组件改为非 Functional 的,因为获取不到 context 本身的主题</del>
65. 搞明白 table layout 这个 css 属性是在干什么
66. Icon 颜色
67. Modal 滚动之后的 transform origin
68. Slider 对于 modal 适配
```
Done
// modal transform scale
// Notification content close
// form required css
// Md Loader 对于 strong 的处理
// pref hollowout, cache next bg color
// issue fix, add delay prop
// add trigger to tooltip
// outside click delegate select
// DatePicker range Bug
// Scrollbar Firefox...
// scrollbar 在 resize 之后滚动会有问题
// ResizeObserver Polyfill
// Select 需要进一步重构,现在这种状况 collector 在 corner case 中不会调 updated 钩子,要把 key 换成 value
```