Code Monkey home page Code Monkey logo

element3's Introduction

Introduction

A Vue.js 3.0 UI Toolkit for Web.

Install

Open element3.exe

Quick Start

import { createApp } from 'vue'
import App from './App.vue'
// import style
import 'element3/lib/theme-chalk/index.css'
import Element3 from 'element3'

// global import
createApp(App).use(Element3).mount('#app')

// or according to the need to import
import {
  ElLink,
  ElButton
  // ...
} from 'element3'

createApp(App).use(ElLink).use(ElButton)

About

Documentation

To check out live docs, visit website

Questions

TODO

Issues

Please make sure to read the Issue Reporting Checklist before opening an issue. Issues not conforming to the guidelines may be closed immediately.

Changelog

Detailed changes for each release are documented in the CHANGELOG.

Contribution ✨

use yarn instead of npm

Please make sure to read the Contributing Guide before making a pull request. If you have a Element3-related project/component/tool, add it with a pull request to this curated list!

Thank you to all the people who already contributed to Element3!


shengxinjing

💻🎬

cuixiaorui

💻

大帅ezshine

🧩📺

blackNezha

💻

村长

🎬💻

全栈然叔

🚌

轩姐JustAMan

💻

Join Discussion Group

Scan the QR code using Dingtalk App to join in discussion group :

Join Discusion Group

@todo

  1. table
  2. table-simple
  3. description
  4. Result
  5. Empty
  6. Statistic
  7. progress barl
  8. Skeleton
  9. Space
  10. other ...

License

MIT

element3's People

Contributors

baiyaaaaa avatar csvwolf avatar cuixiaorui avatar dreamacro avatar elfman avatar furybean avatar gonzalo2310 avatar heftykoo avatar iamkun avatar imjustaman avatar island205 avatar jikkai avatar leopoldthecoder avatar liril-net avatar luckycao avatar motao314 avatar njleonzhang avatar ocean95966 avatar pengchongfu avatar qingwei-li avatar qiqingfu avatar simonaliachen avatar su37josephxia avatar uuoocckk-983 avatar wacky6 avatar wind13 avatar wumacoder avatar yt0379 avatar ziyoung avatar zmm-fe 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

element3's Issues

重构 NavMenu 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Form 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Slider 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Tabs 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Transfer 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Rate 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档
  • 等待 Form 开发完成

Comment

重构 Message 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Badge 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Dialog 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Radio 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档
  • 等待 Form 逻辑修改完成

Comment

重构 Tree 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Upload 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Cascader 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

讨论:$on的替代方案

我看到原来的 emitter 已经使用 composition-api 重构,但是 vue3 在组件的实例上已经不存在 $on 方法,这就造成了一个比较尴尬的问题,在事件 dispatch 或者 broadcast 后无法监听。

我想到有三种方式:

  1. 使用 provide/eject 来替换现在的 emitter
  2. 强行监听,在 instance.vnode.props 在设置 onEventxxx 的监听方法。
  3. 完整实现一个EventEmitter

或者还有其他更好的方式?

我觉得应该尽快将方案确定一下,方便后续贡献代码,毕竟 emitter 用到的地方有点多。

重构 Alert 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Progress 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Container 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Pagination 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档
  • 等待select组件完善

Comment

还差一个选择pageSize的组件 需要select组件支持,其他功能暂以完善

重构 Color 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Layout 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Loading 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Table 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Link 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Tag 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Border 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Switch 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档
  • 等待 elFromItem || elFrom 逻辑修改完成

Comment

  • 涉及到关于 elFrom 的逻辑全部被干掉了
  • 后面处理 elFromItem || elFrom 的时候在添加对应的逻辑
    • name
    • validate-event
    • focus
    • input 相关逻辑
  • 在使用文档里面使用了 el-tooltip ,但是 tooltip 现在有问题 等修好了 tooltip 之后再处理 switch 的不同 value 的类型

重构 Step 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Input 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档
  • 等待 formItem 完成

Comment

重构 Icon 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Dropdown 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Checkbox 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档
  • 等待 Form 逻辑修改完成

Comment

没有测试 Form 和 Button 之间的逻辑,等重构 Form 表单时需要处理

重构 Avatar 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Tooltip 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Select 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Button 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档
  • 等待 Form 逻辑修改完成

Comment

  • 没有测试 Form 和 Button 之间的逻辑,等重构 Form 表单时需要处理

重构 Popover 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

重构 Layout 组件

Tasking

  • 解决逻辑报错
  • 使用 composition api 重构逻辑
  • 更新使用文档

Comment

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.