Code Monkey home page Code Monkey logo

element-plus's Introduction


Element Plus - A Vue.js 3 UI library

  • ๐Ÿ’ช Vue 3 Composition API
  • ๐Ÿ”ฅ Written in TypeScript

Getting Started

Alright, for you to get started if you are looking for making Element Plus better you should keep reading. For developers that uses Element Plus to develop your website you should go ahead visit Getting Started.

Breaking change list

The first stable release of Element Plus suitable for use in production was released on February 07, 2022. The APIs is stable right now, and here's also a full list about how to get upgraded from Element UI to Element Plus.

You can find the breaking change list here: Breaking Change List.

Migration Tool ๐Ÿ› ๏ธ

We have made a migration tool for you to migrate your project from Element UI to Element Plus.

You can find the gogo code migration tool here.

We have tested this on Vue Element Admin. You can find the transpiled code here.

Playground

You can also try Element Plus out with the components built-in playground.

Try it with our built-in playground

Playground

Try it with code sandbox

Edit element-plus

Special thanks to the generous sponsorship by:


Platinum Sponsors

Gold Sponsors


Translations

Element Plus is translated to multiple languages, you can click the badge to help up update the translation or apply to become a proofreader Crowdin

For now we are only showing English and Chinese for resource reasons, but we are looking forward to translate it into more languages, please go to the link above and leave a message if you want to help translating Element Plus into your desired language.

How to help translating

See how to help translating in Translating Element Plus.

Stay tuned ๐Ÿ‘€

Join our Discord to start communicating with everybody.

This thing is broken, I should help improve it!

Awesommmmmmee. Everything you need is down below. You can also refer to CONTRIBUTING and Code of Conduct where you'll find the same information listed below.

I would like to become a part of the development team!

Welcome ๐Ÿคฉ! We are looking for talented developers to join us and making Element Plus better! If you care to join the development team, please reach out to us, you are more than welcomed to join us! โค๏ธ

We are now lacking of experts of Testing, GitHub Actions, PM, if you do feel like you can and willing to help us, please do reach out to us. ๐Ÿ™

Contributors

This project exists thanks to all the people who contribute.

And thank you to all our backers! ๐Ÿ™

License

Element Plus is open source software licensed as MIT.

element-plus's People

Contributors

0song avatar adaex avatar alanscut avatar btea avatar buqiyuan avatar chenxch avatar element-bot avatar emojiiii avatar heftykoo avatar herringtondarkholme avatar holazz avatar iamkun avatar justwiner avatar jw-foss avatar kooriookami avatar msidolphin avatar plainheart avatar renovate[bot] avatar ryan2128 avatar ryuhangyeong avatar simonaliachen avatar sxzz avatar tolking avatar tsong-lc avatar wzc520pyfm avatar xiaoxian521 avatar xingxiaowu avatar yunyoujun avatar zazzaz avatar zouhangwithsweet avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

element-plus's Issues

Tech stack discussion

Language:

  • TypeScript
  • Sass (dart-sass)

Test

  • Jest
  • jsdom (will change in future)

Linter

  • ESLint

Coverage Tool

  • jest

Doc

  • storybook

Browser Support

  • Ever-green

### Card

Card component

Assigned to @JeremyWuuuuu

New Component: replace the original Modal implementation with new Teleport API

Since there is a built in API teleport we can easily add component's such as Modal, here are some test code I did on codesandbox

<template>
  <teleport :to="'#' + id">dynamic teleport in {{id}}</teleport>
</template>

<script>
const id = "test" + (Math.random() * 1000).toFixed(0)

export default {
  data() {
    return {
      id
    }
  },

  created() {
    const div = document.createElement("div")
    div.id = id
    console.log(div)
    document.body.appendChild(div)
  },

  methods: {}
}
</script>

<style lang="stylus">
</style>

This renders out:
image

Test frameworks

vue-test-utils + jest
@JeremyWuuuuu

  • add jest basic config
  • update template script
  • add documentation

[Problem] support value & v-model same time

i have one component <switch v-model=โ€œaaaโ€>
it support v-model & value same time

in vue 2.0, the v-model default propName is value, and eventName is change,
but in vue 3.0, change to modelValue and update:modelValue
if i support both of them

in Switch how can i make sure, which value (value, modelValue) should be the final value;

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.