naive-ui/think.md

## 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
```

## 2020.3.7
主体差不多做完了，好累

## 2020.3.8
zindex 有点问题

## 2020.3.11
zindex 的问题解决了，虽然很简单，在 static 元素上设定 zindex 没用，😅

## 2020.3.15
在搞响应式页面的时候，我意识到存粹依赖 css 是一种不可靠的方式。虽然从布局层面 grid layout 已经给出了一种近乎完美的解决方案，但是涉及到一切内联样式的... 都需要从 js 的层面来解决。目前想来最 trival 的方式就是让每个 config consumer 都能拿到这个值。

## 2020.3.20
一想到到了 1.0 就要写 changelog，就感觉🥚在隐隐作痛

## 2020.3.25
一个有趣的事情是，blur 到 document.body 之后，document.activeElement 是 body，但是 blurEvent.relatedTarget 会被设为 null

## TODO 排序不分先后
1. <del>Focus Detector on Time Selector</del>
2. <del>Menu Root Indent = 0 可能造成问题</del>
3. <del>用 RAF 优化 scrollbar 性能（不一定需要）</del>为了有时候滚动同步的一致性，决定不做了
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> 我现在明白了，只要套上数组，vue 就能完美的渲染
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. <del>custom-input 废弃或者重构</del>
23. <del>Date 键盘操作 Time 键盘操作</del> 先把能做的做了
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. <del>Modal 内部组件的卸载方式</del>
33. <del>Anchor 的另一种模式，追踪内容按照的是中间范围而不是自身大小</del>
34. <del>bug md-loader alert 内的 code 不显示</del> 不是 bug，md 就这么渲染
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. <del>一部分组件在 Modal 内部的样式</del> 还差 data table 的选项们
58. <del>更新 Progress 文档</del>
59. <del>为所有的数据录入组件的尺寸</del>
60. <del>审核文档</del> 就这样吧，凑活
61. <del>调整 transfer 的样式</del>
62. <del>Table cascader 差一点国际化</del>
63. <del>Anchor 初次滚动的逻辑是不是要手动调整一下，现在位置实际上不一致</del>
64. <del>将所有的 Typography 组件改为非 Functional 的，因为获取不到 context 本身的主题</del>
65. <del>搞明白 table layout 这个 css 属性是在干什么</del>
66. <del>Icon 颜色</del> 原来我早就解决了，都忘了...
67. <del>Modal 滚动之后的 transform origin</del>
68. <del>Slider 对于 modal 适配</del>
69. <del>table fixed scroll checkbox, not sync</del>
70. <del>Transfer no data</del>
71. <del>Metropolis 从自带字体去掉<del>
72. <del>Input Group</del>
73. <del>Dropdown API 修改为 label + value，目前为止 UI 并没有出现过 key，不能只为了它搞特殊，value 可以，key 甚至会另有作用，现在占用实际是个危险的事情</del>
74. <del>card slot</del>
75. <del>table fixed computed left right</del>
76. <del>gradient text 的切换能解决？</del>目前我想不出解决办法，希望未来 CSS 能增加 gradient 的渐变
77. <del>Auto Complete Group</del>
78. <del>select add tag</del>
79. <del>dynamic input</del> 还差英文文档
80. <del>input 严格受控</del>
81. 搞明白 vue 的 scoped 和 普通的关系
82. Form Item 不返回 true 的时候... 错误信息不会消失，这似乎不太合理?
83. Form Item 应该和 Input Group 也契合良好
84. <del>Notification 主题切换需要工作良好</del>
85. <del>Notification 这个东西很特殊...</del>感觉也没那么特殊
86. <del>文件上传的回调方式改成传对象</del>
87. 抵御外界 CSS 变化，比如 line-height 之类的
88. <del>CSS Font 选择</del> 对英文应该没有那么麻烦，走系统字体就好了，然而对中文又没什么好的解决方案，so 先这个样子，之后再琢磨琢磨

```
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
```