http://doc.eux.baidu.com/app/list/174e560e528e691b8a/w20dr559_7bxkv6

# 01-29

- time picker
  - () UI 问题梳理
    - () 底部无意义 padding
    - (-) 可能的 文字偏移? (先这样)
    - () 阴影样式变更?
    - () 变更的 UI 点 (new diff old)
    - () 直觉上的合理性
    - () 与当前实现的 UI 差异 (new diff current)
    - () demo 调整需求
    - () 实现逻辑
- () 引入切图模块
  - () UI 变更比对版本
    - () 比对配置
      - (x) 配置更改
      - (x) 取得配置
        - (x) 显示背景
    - () 比对背景图
      - (x) 可调位置
        - (x) 使用 hook
        - (x) 重构
          - (x) 初始位置
          - (x) ref image
          - (x) 重置位置
          - (x) UI state : image, baseImage
      - (x) 本地持久化记忆上次位置
      - (@) 可自行调整比对新的背景图 @future
        - 暂时可不用, 如果需要的话, 未来可以加入一个新的记录 compareName 的字段
          - 注意 : 不能直接记忆 src (因为可能会变动)
        - () 本地记忆
      - (x) 列表 (提示是否有 base 图)
      - (x) 打开 / 关闭
        - base 的 isEnabled 还要考虑上  using base 这个字段
  - (@) @note:
    - util, 公用逻辑, 分享 & 讨论
      - doc 沉淀
    - 复用链路 / 调研 & 实现
  - (x) 测试多个 case 看切换时, 是否 ok
  - () use hot key
    - (x) 开启 / 关闭 : cmd + shift + E
      - (x) 关闭时, 以下热键不生效
    - (x) 1, 2, 3, 4 : 不同 mode
    - (x) 穿透 : cmd + E
    - (x) 微调
    - () help
      - () 热键说明
      - () dialog
  - (x) 参考 : group create 项目
  - (x) demo & util ?
    - (x) 定位
    - (x) 保留定位 top, left
    - demo page
      - packages/demo/src/entries/main/index.tsx
      - createBasicLayout
      - packages/demo/src/layouts/basic/index.tsx
      - DemoPageConfig => DemoPageProps
    - (x) 加入 image 渲染
      - (x) 确保其他的不 break
  - draggable
    - (x) 关闭重启 => 位置设置有误
      - 可能需要传入 isEnable?
    - (x) 需要避免右键参与操作
      - @doc: button = 0 (左键) 
        - https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
  - (x) localStorage
    - (x) 切换图片
    - (x) 持久化
    - (x) load data
  - (x) 重置当前图片位置
  - (x) 图层 z-index 提升, 导航菜单
  - 设计
    - [](../task-ui-image-2022.md)
  - (x) +sm
  - (x) panel
    - (x) 可能需要 portal, 挂载到 document.body
    - (x) panel 渲染
    - (x) toggle
    - (x) image 切换
    - (x) mode 
      - (x) toggle button list
      - (x) effect 样式实现
      - (x) 默认 60% 透明度
  - image
    - (x) 渲染
    - (x) 初始 left, top
    - (x) 也需要挂载到 body
      - (x) 看 portal
        - [portal](https://reactjs.org/docs/portals.html)
      - (-) body => useEffect + elem?
      - (x) 挂载到 body 的合理性 
        - [不太合理](https://stackoverflow.com/questions/49504546/is-it-safe-to-use-reactdom-createportal-with-document-body)
        - [use portal](https://www.jayfreestone.com/writing/react-portals-with-hooks/)
        - () @吴俊: 但是好像现在就是这么用的?
      - (-) use portal
  - (x) z-index 问题 (弹层复写)
    - option popper className
  - (x) drag, 取消 ghost, 使用 mousedown/move/up
  - (x) 坐标处理
  - () 默认选择第一个图片? 
    - 或者 state 里的 currImage
- @note: 
  - 方式带来的, 未来的增益效果
    - 个人 : 乘法
    - 团队 : 乘法 (更大基数)
    - 方式 : 指数
  - 方式带来的反向效果
    - 维护成本
    - 沟通使用成本
- @note:
  - 随时可调用出 inbox 消息收集
- @note:
  - 无主观视觉问题
  - 切图吻合
  - 反推衍样式逻辑
  - 交互逻辑吻合 : 交互链路

# possible

- () 如何, 明确, ignore?