Allow multiple class static block, and follow the document order

[Kingwl]

Bug Report

• I would like to work on a fix!

Current behavior

• REPL

According to https://github.com/tc39/proposal-class-static-block

A class may have any number of static {} initialization blocks in its class body.
static {} initialization blocks are evaluated in document order interleaved with static field initializers.

Input Code

class C {
  static  f = 1
  static { console.log(this.f, this.ff) }
  static ff = 2
  static { console.log(this.ff, this.fff) }
  static fff = 3
}

Expected behavior

Multiple block works fine. And the evaluate order follow the document order.

But currently:

Duplicate static block in the same class (5:2)

Babel Configuration (babel.config.js, .babelrc, package.json#babel, cli command, .eslintrc)

• Filename: babel.config.js

{
  "your": { "config": "here" }
}

Environment

• Babel version(s): [e.g. v7.12.0]
• Node/npm version: [e.g. Node 12/npm 7]
• OS: [e.g. macOS 10.15.4, Windows 10]
• Monorepo: [e.g. yes/no/Lerna]
• How you are using Babel: [e.g. webpack, rollup, parcel, babel-register]

Possible Solution

Additional context

[babel-bot]

Hey @Kingwl! We really appreciate you taking the time to report an issue. The collaborators on this project attempt to help as many people as possible, but we're a limited number of volunteers, so it's possible this won't be addressed swiftly.

If you need any help, or just have general Babel or JavaScript questions, we have a vibrant Slack community that typically always has someone willing to help. You can sign-up here for an invite."

[nicolo-ribaudo]

Already tracked at #12738!

[Kingwl]

Thanks!