Giter Site home page Giter Site logo

luojilab / radon-ui Goto Github PK

View Code? Open in Web Editor NEW
897.0 897.0 128.0 10.13 MB

一个用于快速开发产品的简洁、优雅、高效的 Vue 组件库

Home Page: https://luojilab.github.io/radon-ui/0.5.0/

JavaScript 15.16% HTML 0.29% Vue 55.26% CSS 29.30%

radon-ui's People

Contributors

follisher avatar hilongjw avatar leslieyq avatar liril-net 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

radon-ui's Issues

文档树形控件

根节点下的叶子有的选中有的未选中,当点击根节点,未选中的变为选中,选中的切换为了未选中

radon-ui是否能够兼容支持vuejs2.0呢?

vuejs2.0推出后和1.0有很多不兼容的地方,特别是.sync, eventbus, broadcast/dispatch以及directive的写法都有很多变化,是否能够将这个库整成兼容vuejs2.0?

样式如何自定义

如果需要达到组件样式定制化的效果,是否只能调用者外部再写一个 css 自行覆盖?

没有树形菜单

你好,发现目前没有树形菜单组件,是否考虑添加呢?

Radio 单选框无法使用,报错,

https://luojilab.github.io/radon-ui/#!/form/radio 地址

vue.common.js?1090:1019 [Vue warn]: Error when evaluating expression "{
'checked': radio.checked,
'disabled': radio.disabled
}": TypeError: Cannot read property 'checked' of undefined (found in component: )

[Vue warn]: Error when evaluating expression "radio.value": TypeError: Cannot read property 'value' of undefined (found in component: )

关于Modal组件的建议

通常来说Modal应该是一个可以包含HTML(而不只是一段文字) 目前的Modal组件更像是一个Confirm组件
希望能够采纳

[发布准备]

组件完成状态

  • Basic
    • Button 按钮
    • ButtonGroup 按钮组
    • DropButton 下拉
    • Card 卡片
    • CardGroup 卡片组
    • Icon 图标
    • Table 表格
    • Tag 标签
  • Form
    • Textfield 文本输入框
    • NumberInput 数字输入框
    • Checkbox 复选框
    • Radio 单选框
    • Switch 开关
    • Slider 滑动输入
    • Select 选择器
    • Cascader 级联选择器
    • Editable 可编辑文本
  • Common
    • Alert 警告提示
    • Timeline 时间线
    • Tooltip 对话框
    • Spin 加载中
    • Progress 进度条
    • Upload 上传
    • AudioPlayer 音频播放
  • Global
    • Modal 对话框
    • Notification 通知
    • Preview 图片预览
    • LoadingBar 加载进度条
  • Navigation
    • Breadcrumb 面包屑
    • Pagination 分页

文档状态

  • Basic
    • Button 按钮
    • ButtonGroup 按钮组
    • DropButton 下拉
    • Card 卡片
    • CardGroup 卡片组
    • Icon 图标
    • Table 表格
    • Tag 标签
  • Form
    • Textfield 文本输入框
    • NumberInput 数字输入框
    • Checkbox 复选框
    • Radio 单选框
    • Switch 开关
    • Slider 滑动输入
    • Select 选择器
    • Cascader 级联选择器
    • Editable 可编辑文本
  • Common
    • Alert 警告提示
    • Timeline 时间线
    • Tooltip 对话框
    • Spin 加载中
    • Progress 进度条
    • Upload 上传
    • AudioPlayer 音频播放
  • Global
    • Modal 对话框
    • Notification 通知
    • Preview 图片预览
    • LoadingBar 加载进度条
  • Navigation
    • Breadcrumb 面包屑
    • Pagination 分页

跨域上传图片的问题

最近一个项目用vue做后台管理,项目中使用了radon-ui的弹框、加载进度条、通知这些组件,非常好看,也好用。特别是弹框、通知组件的调用方式。
但是目前没有找到合适的跨域上传图片的组件,希望能扩展下。
之前都是用flash那一套,现在可以不用了吧。

Vue 2.0 webpack 编译时发生3个语法错误

本地环境

  • 相关组件版本: vue 2.0.0-rc4 radon-ui 0.1.7 node 6.2.0
  • 操作系统及其版本:OS X 10.11.5
  • 浏览器及其版本:

错误内容

  1. alert.vue:template syntax error Cannot use v-for on stateful component root element because it renders multiple elements
  2. progressCircle.vue:template syntax error duplicate attribute: class
  3. modal.vue:template syntax error - invalid expression:
    {{{modal.rawContent}}}

具体错误提示如下:

ERROR in .//vue-loader/lib/template-compiler.js?id=data-v-27!.//vue-loader/lib/selector.js?type=template&index=0!./~/radon-ui/dist/components/common/alert.vue
template syntax error Cannot use v-for on stateful component root element because it renders multiple elements:

<div
    class="rd-alert"
    :class="classType(alert)"
    v-for="alert in alerts"
>
    <span
        class="rd-alert-icon"
        :class="iconClass(alert)"
    ></span>
    <div class="rd-alert-body">
        <span class="rd-alert-title">{{alert.title}}</span>
        <p v-if="alert.content" class="rd-alert-content">{{alert.content}}</p>
    </div>
</div>

@ .//radon-ui/dist/components/common/alert.vue 7:23-139
@ ./
/radon-ui/dist/components/index.js
@ ./src/main.js
@ multi main

ERROR in .//vue-loader/lib/template-compiler.js?id=data-v-31!.//vue-loader/lib/selector.js?type=template&index=0!.//radon-ui/dist/components/common/progressCircle.vue
template syntax error duplicate attribute: class
@ ./
/radon-ui/dist/components/common/progressCircle.vue 7:23-148
@ ./~/radon-ui/dist/components/index.js
@ ./src/main.js
@ multi main

ERROR in .//vue-loader/lib/template-compiler.js?id=data-v-34!.//vue-loader/lib/selector.js?type=template&index=0!./~/radon-ui/dist/components/global/modal.vue
template syntax error - invalid expression:
{{{modal.rawContent}}}

@ .//radon-ui/dist/components/global/modal.vue 7:23-139
@ ./
/radon-ui/dist/components/index.js
@ ./src/main.js
@ multi main

缺少依赖

build/dev-server.js中使用了模块multer,但package.json中未列出 #16

loadingbar组件报错

vue.common.js?c653:1137[Vue warn]: Error when evaluating expression "{
'width': loadingBar.percent+'%',
'height': loadingBar.options.height,
'background-color': loadingBar.options.canSuccess? loadingBar.options.color : loadingBar.options.failedColor,
'opacity': loadingBar.options.show ? 1 : 0
}": TypeError: Cannot read property 'percent' of undefined (found in component: )
sp20161022_170451
按照官方文档来用的 全局引入了

没有样式

a j 80xk c rvoqgcz9
样式没有加载上来。还是需要自己添加?

请教问题

可以加我qq:1144106538 吗?有问题请教,谢谢

按照安装手册的引入css报错,到底要如何引入

这是目录结构
image

在App.vue这样引用css

<style src="radon-ui/dist/radon-ui.css"></style>

报错信息:
ERROR in .//radon-ui/dist/static/fonts/ionicons.eot
Module parse failed: F:\WANG\www\vue2\vue-test\node_modules\radon-ui\dist\static
\fonts\ionicons.eot Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type.
(Source code omitted for this binary file)
@ ./
/css-loader?sourceMap!.//vue-loader/lib/style-rewriter.js?id=data-v-b36d6
4fc!./
/radon-ui/dist/radon-ui.css 6:7948-7986 6:8004-8042
@ .//vue-style-loader!.//css-loader?sourceMap!.//vue-loader/lib/style-rewrit
er.js?id=data-v-b36d64fc!./
/radon-ui/dist/radon-ui.css
@ ./src/App.vue
@ ./src/main.js
@ multi main


image

如何引用css

我在根组件里引用了<style src="radon-ui/dist/static/css/dist.css"></style> 页面上调用组件成功。css没有引用到。

树组件bug

首先,感谢您这么快就加进来了~~~
发现一个bug.
目前演示的例子是3级菜单,但是如果2级选中的情况下,再一级菜单中勾选,应该是全部选择,而现在是之前选中的2级菜单和3级菜单,则出现反选情况。。
image

image

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.