[DSIP-4][Feature][UI Next] A new version of the UI proposal.

[songjianet]

Search before asking

• I had searched in the issues and found no similar feature requirement.

Description

refactor reason

• Use the updated technology stack to solve the problem of not supporting the m1 series chips directly from the root cause, and at the same time can improve the startup speed and build speed of the project.
• Solve the problem that some tools and dependencies used in existing projects are about to lose their maintenance.
• Standardize code writing to enhance control over code style and specifications.
• Solve the problem of style pollution caused by the styles in all sfc not using scoped in the project.
• jquery is no longer used in the project.
• Solve the problem of deep nesting of the directory hierarchy and irregular file storage in the project.
• Solve the problem of extensive use of absolute positioning in the project.
• Switching languages does not refresh the page.

Whether to use other methods to support m1

Try to upgrade the existing project by using node16, then you need to upgrade node-sass7, the new version of node-sass7 also needs to depend on node-gyp8, correspondingly, you need to upgrade sass-loader12, and then webpack4 does not To know these, you need to upgrade webpack5, and then the old version of babel is not supported, and then upgrade babel. After upgrading babel, it is found that the existing element and vue both use the old version of babel.

Use case

use technology

• node16
• vue3
• vue-router4
• vueuse
• axios
• pinia
• vite
• scss
• naiveui
• pnpm
• data-fns
• ts+tsx

Related issues

No response

Are you willing to submit a PR?

• Yes I am willing to submit a PR!

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Hi:

• Thank you for your feedback, we have received your issue, Please wait patiently for a reply.
• In order for us to understand your request as soon as possible, please provide detailed information、version or pictures.
• If you haven't received a reply for a long time, you can subscribe to the developer's email，Mail subscription steps reference https://dolphinscheduler.apache.org/en-us/community/development/subscribe.html ,Then write the issue URL in the email content and send question to dev@dolphinscheduler.apache.org.

[labbomb]

I want to be involved in this project.

[songjianet]

I want to be involved in this project.

well done.

[calvinjiang]

Wow, This is an amazing proposal. I'd like to support.

[songjianet]

Wow, This is an amazing proposal. I'd like to support.

thanks.

[devosend]

I am very interested in this, but I mainly use react.

[songjianet]

I am very interested in this, but I mainly use react.

In fact, the problem is not particularly big, the refactoring of vue3+tsx is not very different.

[devosend]

ok，I hope to participate in it.

[songjianet]

ok，I hope to participate in it.

well done.

[ppjmiao]

I hope to participate in it

[songjianet]

I hope to participate in it

No problem.

[zhongjiajie]

Hi @songjianet, FYI, I think this is a big change for our codebase, so I add labels DSIP for it.

[songjianet]

Hi @songjianet, FYI, I think this is a big change for our codebase, so I add labels DSIP for it.

yeh

[shangeyao]

I hope to participate in the reactor about vue-router. There are still some problems now.

[labbomb]

I hope to participate in the reactor about vue-router. There are still some problems now.

Welcome to participate. What problems did you find?

[devosend]

How to participate in the development of UI Next?

[zhongjiajie]

How to participate in the development of UI Next?

Hi @devosend, maybe you should ping @songjianet to check if they are some task to do for next ui issue

[songjianet]

How to participate in the development of UI Next?

Hi @devosend, maybe you should ping @songjianet to check if they are some task to do for next ui issue

We have already made contact.

[devosend]

How to participate in the development of UI Next?

Hi @devosend, maybe you should ping @songjianet to check if they are some task to do for next ui issue

We have already made contact.

yeah.

[zhongjiajie]

Well done, thanks everyone here