[Refactor] Refactor Plan

[sxzz]

Plans

• remove all @ts-nocheck
• script-setup
  • refactor state to ref
  • expose all things user need
• style namespace
• export component instance type
• refactor plan
• JSX
  • Unit Test included
• Fix ALL TS errors, and add component path to build/type-safe.json and build/type-safe-stricter.json.

Please community contributors at me in your PR.

Progress

• affix
  • refactor(components): [affix] switch to script-setup syntax #6065
  • refactor(components): [affix] use JSX in Unit test #6159
  • refactor(components): [affix] use vueuse utils #6295
• alert
  • refactor(components): [alert] switch to script-setup syntax #6066
  • refactor(components): [alert] use JSX in Unit test #7973
• autocomplete
  • refactor(components): [autocomplete] refactor autocomplete #6067
• avatar
  • refactor(components): [avatar] switch to script-setup syntax #6070
• backtop
  • refactor(components): [backtop] switch to script-setup syntax #6069
  • refactor(components): [backtop] use JSX in Unit test #6160
• badge
  • refactor(components): [badge] switch to script-setup syntax #6068
  • feat(components): [badge] expose content #6247
• breadcrumb / breadcrumb-item
  • refactor(components): [breadcrumb] switch to script-setup syntax #6073
• button
  • refactor(components): refactor button #5933
• button-group
  • refactor(components): [button-group] switch to script-setup syntax #6256
• calendar
  • refactor(components): [calendar] refactor #6682
• card
  • refactor(components): [card] switch to script-setup syntax #6071
• carousel / carousel-item
  • refactor(components): [carousel] refactor #6681
• cascader / cascader-panel
• check-tag
  • refactor(components): [check-tag] switch to script-setup syntax #6296
• checkbox / checkbox-button / checkbox-group
  • Assignee: @chenxch
  • refactor(components): [checkbox] switch to script-setup syntax #7794
• col
  • refactor(components): [col] refactor #6303
  • assignee @HeftyKoo
• collapse / collapse-item
  • refactor(components): [collapse] refactor #6307
• collapse-transition
  • Assignee: @ryuhangyeong
  • refactor(components): [collapse-transition] switch to script-setup syntax #7953
• collection
  • Assignee: @metanas
  • refactor(components): [collection] switch to script-setup syntax #7710
• color-picker
  • refactor(components): [color-picker] switch to script-setup syntax #9672
• config-provider
  • Assignee: @holazz
• container / aside / footer / header / main
  • Assignee: @ryuhangyeong
  • refactor(components): [container] switch to script-setup syntax #7725
  • refactor(components): [main] switch to script-setup syntax #7707
• date-picker
  • Assignee: @JeremyWuuuuu
• descriptions / descriptions-item
  • refactor(components): [descriptions-row] switch to script-setup syntax #8348
  • refactor(components): [descriptions] switch to script-setup syntax #8349
• dialog
  • feat(components): [el-dialog] enhancement for dialog a11y #6087
  • fix(components): [el-dialog] refactor left overs #6211
  • refactor(components): [dialog] refactor #6300
• divider
  • refactor(components): [divider] switch to script-setup #6556
• drawer [WIP]
  • assignee: @JeremyWuuuuu
  • refactor(components): [el-drawer] refactor script setup #6239
• dropdown / dropdown-item / dropdown-menu
• empty
  • refactor(components): [empty] refactor #6703
• focus-trap
• form / form-item
  • assignees: @sxzz
  • refactor(components)!: refactor form #5401
• icon
  • refactor(components): refactor icon #5934
• image
  • refactor(components): [image, image-viewer] refactor #6704
• image-viewer
  • refactor(components): [image, image-viewer] refactor #6704
• infinite-scroll
• input
  • refactor(components): [input] refactor #6545
• input-number
  • Assignee: @holazz
  • refactor(components): [input-number] switch to script-setup syntax #7888
• link
  • Assignee: @sxzz
  • refactor(components): [link] refactor #6543
• loading
  • Assignee: @sxzz
• menu / menu-item / menu-item-group / sub-menu
• message
  • Assignee: @JeremyWuuuuu
• message-box
  • Assignee: @JeremyWuuuuu
• notification
  • Assignee: @JeremyWuuuuu
• option / option-group
  • Assignee: @josonho
• overlay
  • Assignee: @ryuhangyeong
• page-header
  • refactor(components): [page-header] switch to script-setup syntax #6321
• pagination
  • Assignee: @metanas
  • refactor(components): [pagination] switch to script-setup syntax #7730
• popconfirm
  • refactor(components): [popconfirm] refactor to script-setup #7522
• popover
• popper
  • refactor(components): [el-popper] refactor popper to script setups #6725
• progress
  • refactor(components): [progress] switch to script-setup syntax #7795
• radio / radio-button / radio-group
  • refactor(components): [radio] switch to script-setup synatx #7701
• rate
  • refactor(components): [rate] switch to script-setup syntax #6565
• result
  • Assignee: @ryuhangyeong
  • refactor(components): [result] switch to script-setup syntax #7891
• row
  • Assignee @HeftyKoo
  • refactor(components): [row] switch to script-setup syntax #7961
• roving-focus-group
• row
  • refactor(components): [row] refactor #6354
• scrollbar
  • Assignee: @holazz
  • refactor(components): [scrollbar] switch to script-setup syntax #7986
• select
• select-v2
• skeleton / skeleton-item
  • refactor(components): [skeleton] switch to script-setup syntax  #6395
• slider
  • Assignee: @holazz
  • refactor(components): [slider] switch to script-setup syntax #8008
• slot
  • refactor(components): [slot] refactor #6302
• space
  • refactor(components): [space] refactor #8386
• step / steps
  • Assignee @ryuhangyeong
  • refactor(components): [steps] switch to script-setup syntax #7783
• switch
  • Assignee: @chenxch
  • refactor(components): [switch] switch to script-setup syntax #7792
• tabs / tab-pane
  • refactor(components): [tab-pane] switch to script-setup syntax #6305
• table / table-column
• tag
  • refactor(components): [tag] switch to script-setup syntax #6288
• teleport
  • refactor(components): [teleport] refactor #6301
• time-picker
• time-select
  • refactor(components): [time-select] switch to script-setup syntax #7833
• timeline / timeline-item
  • Assignee: @metanas
  • refactor(components): [timeline] switch to script-setup syntax #7705
• tooltip
  • refactor(components): [tooltip] switch to script-setup syntax #9685
• transfer
• tree
• tree-v2
• upload
  • refactor(components): refactor upload #6014
• virtual-list
• visual-hidden

[jw-foss]

if anyone wants to help on this one you can simply ping me and tell me which component you intend to work on.

template

Hi @jw-foss, I'd like to work on [component name (Listed in the description)].

After I double-checked there were no conflicts, you can begin working on that, I will include your name on the component above.

[josonho]

Hi @JeremyWuuuuu, I'd like to work on [option, option-group].

[jw-foss]

@josonho Done!

[ryuhangyeong]

Hi @JeremyWuuuuu, I'd like to work on [el-footer, el-header, el-aside, el-container].

[jw-foss]

@ryuhangyeong I would suggest we take 2 at a time, but since these 4 are under the same scope, I'll mark you as the owner.

Thanks! 🙇

Updated!

[chenxch]

Hi @JeremyWuuuuu , I'd like to work on [el-radio, el-radio-button, el-radio-group].

[SnowingFox]

Hi @jw-foss , I'd like to work on [tooltip tree tree-v2 cascader cascader-panel menu-item menu-item-group sub-menu].

[wiirhan]

Hi @jw-foss, I'd like to work on [cascader-panel].

[bing127]

日期选择器什么时候支持周、季度、年区间选择器了