naive-ui/think.md

205 lines
7.4 KiB
Markdown
Raw Normal View History

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