🚀现代、高效、友善的桌面组件库
Home Page: https://morning-ui.com/
License: MIT License
Morning UI是一套桌面端UI组件库，基于Vue.js。
npm install morning-ui --save
// 引入Vue.js
import Vue from 'vue';
// 引入Morning UI
import morning from 'morning-ui';
import 'morning-ui/dist/morning-ui.css';
// 初始化Morning UI
Vue.use(morning);
接下来即可像使用原生HTML一样使用Morning UI提供的组件，更多信息查看：使用文档。
你可以在Morning UI的网站上查看详细使用指南或组件文档。
我们欢迎所有的贡献者，请查看贡献者文档获取更多信息。
Tested With
Copyright (c) 2015-2019, Early He
I have a form group named config, and when i want to get the json data it throws error. But i success to get it with morning.getGroup:
ui-textinput，ui-textarea，ui-select等目前不支持双向绑定
完成布局组件单元/集成测试覆盖
getGroup取到的问题默认值赋值在created生命周期函数中，而list的值列表在mounted生命周期函数中初始化。导致默认值会被认为不在值列表中，导致被过滤。
和ui-multiform保持一致，update方法可以更新某一项的值
When I custom my prefix with 'i', it throws error about max stack.
Vue.use(morning, {
prefix : 'i'
});Error in event handler for "emit": "TypeError: showAdDialog is not a function".
I define showAdDialog in the root vm:
new Vue({
methods: {
showAdDialog() {}
}
})Complete code for demo
If I want to use warning color to my text now, I should do like this:
<ui-textcolor warning>Here is warning color</ui-textcolor>It is too long for me. If I can do it like this, it would be better:
<div class="prefix-warning">Here is warning color</div>ui-select component, there is a drop icon.ui-label component, there is a star icon<ui-label class="icon">
<i class="iconfont"></i>
<span>标签</span>
</ui-label>
So, if i can know which icon is supported and how to use it, it would be amazing!
功能请求
组件的get方法应当返回期望的对象或者数组而不是序列化之后的字符串
符合使用者预期。
ASAP
html
<v-textinput v-model="testObj"></v-textinput>
<v-textarea v-model="testArray"></v-textarea>
<v-textarea v-model="testObjArray"></v-textarea>JavaScript
data: {
testObj : '{"a": "a"}';
testArray : '[1, 2]';
testObjArray : '[{"a":"2"}]';
}And the result:
Currently, the ui-formgroup component just support block layout.
在贡献者文档中增加关于表单色彩使用指南的文档
When i need to notify users some message, i always choose a Toast component. It may include feature like this:
Thanks for the author!
问题类型
功能请求
功能描述
emit事件支持vue中的事件修饰符
解决了什么问题
现在的方式不符合使用者预期
功能请求
基础组件支持数据的双向绑定。
目前设置值跟获取值的方式都是morning.getGroup/setGroup，使用起来比较麻烦，而且不符合vue使用者的习惯。
ASAP
@ganyouyin 目前组件不支持绑定原生事件，将在这个issue中支持
功能请求
ui-select单选模式时应当允许直接设置值（不需要包装成数组），获取的也应当是直接的值
现在的方式不符合使用者预期
ASAP
问题类型
功能请求
功能描述
支持画热区的组件
解决了什么问题
运营自由定位热区
期望的时间
ASPS
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.