yued-fe/lulu

跨端跨框架的原生 UI 组件库，即插即用

lulu's Issues

目测要火，emmmm

可以增加一下穿梭框么？

穿梭框组件

IE 11下 select 下拉框兼容性问题

在 IE11 下开启 Edge 模式，对 select option 设置的 height、min-height、padding 等 CSS 属性都不起作用，导致原始 option 选项的位置与生成的选项位置不匹配，选择选项的时候会发生错乱。

前端小白问：如何全部打包dist

我就喜欢一起撸，但貌似简单的合并会报依赖错误
gulp.task('Min', function(done) { gulp.src([path.js+'/common/ui/*',path.js+'/common/comp/*']) .pipe(concat('main.js')) .pipe(gulp.dest(path.dist)) .pipe(rename({ suffix: '.min' })) .pipe(uglify()) .pipe(gulp.dest(path.dist)) .on('end', done); });

Select.js 问题

Select.js 下拉方法只能基于原生的元素生成，不支持数据。 这样的话是不是就无法使用第三方插件 做省级联动了！

官方文档

1）官方文档内容以后会不会考虑换成一列；
2）两列内容过多的时候 还需要返回顶部继续看，感觉有点累；
3）个人想法emmmm 也可以忽略。

日期插件能否加入农历或提供扩展的接口？

如题？
再如希望在对应的日期加点备注或价格之类~~

Dialog希望增加嵌套iframe

如题

分页组件建议更新demo

onClick回调要怎么用，看文档没案例

不能和wordpress的jquery搭配使用，估计和这个$符有关

当然用官方的jquery文件是没问题的，但因为是在WP下使用，打算还是用WP内置的jquery。
浏览器报错：

all.js:505 Uncaught TypeError: Cannot read property 'fn' of undefined at all.js:505 at all.js:485 at all.js:487

WP的jQuery是 v1.12.4。这个要怎么处理啊？

请教Dialog的buttons如何自定义颜色

请教Dialog的buttons如何自定义颜色？
已尝试只能使用按钮的几种色彩：primary，success，warning和基本色彩

ui.css文件里这两处css设定，在引用多个框架的时候容易影响其他框架

input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 20px;
  height: 20px;
  filter: alpha(opacity=0);
  cursor: pointer;
  z-index: -1; }

input[type=checkbox] {
  position: absolute;
  opacity: 0; 
  width: 20px;
  height: 20px;
  filter: alpha(opacity=0);
  cursor: pointer;
  z-index: -1;
  }

建议增加类名限制

Pagination jquery3.3.1版本移除了.size()方法导致报错

/**
* 分页显示（也是刷新方法）
* @return {Object} 返回当前实例
*/
Pagination.prototype.show = function() {
// 数据合法性处理
var num = this.num;
num.length = Math.max(num.length, 0);
num.every = Math.max(num.every, 1);

    // current合法性处理
    var maxCurrent = Math.ceil(num.length / num.every);
    if (num.current > maxCurrent) {
        num.current = maxCurrent;
    }

    num.current = Math.max(num.current, 1);

    if (this.el && this.el.container && this.el.container.size()) {
        // 分页刷新
        this.el.container.html(this.create(num, this.mode));
    }

    return this;
};

jquery3.x移除了size方法，建议作者修改一下源码

软件是什么协议的？

我觉得看上去挺舒服，学起来也没什么门槛

问一下软件采用什么协议，希望能用在自己的项目中

luluui 对jq版本有要求嘛？具体使用哪个版本的jqery？

luluUI 对jq的版本有要求嘛？

一个input上比较尴尬的问题

这个问题好像还不好调试，只是大概分析是input上的blur 事件或者click事件，出现问题的场景：

开发谷歌crx插件，向页面注入lulu.js ,在部分站点的登录处，页面上如果存在和lulu.js相冲突的事件，就会造成无法聚焦，点一下会自动失去焦点，大概是这样子的效果

主要是crx注入的js 还不知道怎么调试追踪，查不到到底是哪里冲突了，所以没办法了，只能来这里求助

会触发这个效果的页面，还有很多
https://www.24s.net/1268.html
https://passport.csdn.net/login?code=public

未完成的插件
https://www.9rax.com/crx.zip

解压加载才能复现

是否可以提供一个npm包，实现element ui类似的完整和按需引入？

在实践中发现LULU 引入还是比较复杂，不知道可不可实现 像element ui类似的完整和按需引入？

表单验证错误提示信息会跟随页面滚动而滑动是怎么回事？

我不知道如何解决了，还望指点一下

Dialogs.js this.width is undefined

lulu/theme/peak/js/common/ui/Dialog.js

Line 71 in b31247a

this.width = this.width;

maybe

this.width = params.width;

placeholder兼容IE9及以下，无法解决js动态生成输入框placeholder填充问题

在IE9以及IE9以下，动态生成的输入框无法显示placeholder填充信息

关于DateTime 组件Bug

选择时间范围的时候，有一个会报错
“d.toArray.join is not a function”

Any chance to get this project in English ?

Hi there,

This project looks really promising and seem to have an huge impact in the (I suppose) Chinese community.

Will you consider to enlarge your community to non Chinese speakers/readers ?

Cheers,

第一条：有没有上传文件或者图片组件

大神，有没有上传组件，比如图片和文件;
还有，有没有支持表格数据操作的组件这个运用挺广的，

NONE

iframe内弹框测试

mac v10.13.6
chrome v70.0

点击按钮没有任何反应

按钮的大小如何控制?

如题, 我好像没看见控制按钮大小的说明

checkbox实现的疑问

.ui-checkbox{ ... border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; box-sizing: border-box; box-shadow: inset 0 1px, inset 1px 0, inset -1px 0, inset 0 -1px; ... }
为什么不直接使用border，而是隐藏border，使用内阴影来模拟checkbox边框，是基于什么考虑吗，望解惑

您好，Select组件 options属性设置disabled无效果

我按照 官网demo在本地Chrome下打开网页发现Select组件的options属性设置disabled无效果。是不是需要加额外的处理？

希望多增加一些文档演示的应用场景

希望多增加一些文档演示的应用场景，比如常见的网页设计布局呀，小白没什么美感的很需要这样的示范性文章，谢谢！

Dialog.js使用jQuery3.3.1的时候报错Uncaught TypeError: r.size is not a function

使用浏览器chrome 67.0.3396.87
jQuery 版本: 3.3.1

Uncaught TypeError: r.size is not a function
    at new i (Dialog.js:1)
    at Function.$.dialog (Dialog.js:1)
    at HTMLAnchorElement.<anonymous> ((index):31)
    at HTMLAnchorElement.dispatch (jquery.min.js:2)
    at HTMLAnchorElement.y.handle (jquery.min.js:2)

如果定位为pc网页端UI，建议加上幻灯片、下拉菜单等组件

如果定位为pc网页端UI，建议加上幻灯片、下拉菜单等组件，这样就比较齐全了。

Pagination.show()方法不生效

page.num.length = 15;
page.show();

page为pagination实例

this.el.container.html(this.create(e, this.mode)) 好像这一句代码渲染不出来

关于switch的实现

我看了几种不同的switch实现方式，lulu是用原生checkbox的，ant design是用button的。然后又看了a11y_styled_form_controls 和 inclusive-components.design的示例，感觉<button role="switch" aria-checked="true"></button>是最符合语义的。查了w3c 也没明确说最佳实践，你们是怎么考虑的？

建议完善几个核心组件,数据表格,左侧导航,顶部tab

基础组件美化的太多了,但是大部分可用性不佳,因为没有这些核心组件

layui这种就是抓住了这几个点,其实layui的界面甚至都算不上好看,js部分也很差

布局容器

请问有推出布局容器的计划吗？

开启表单验证的时候，全选disabled的input内容，然后ctrl+v 可以粘贴成功

开启表单验证的时候，全选disabled的input内容，然后ctrl+v 可以粘贴成功

blog,不知怎样用requirejs或者seajs来搭建一套新的最简单的html前端框架，再者结合您的lulu框架的;这样模块化来构建前端工程的？？

请问弹窗组件怎么设置才能在同一个页面只允许同时出现一个？

现在遇到的情况是我做登录和注册两个弹窗，但是很奇怪，如果我重复点击5次弹出登录窗口再关闭的话，只要点击注册窗口就会一次性弹出5个注册窗口。所以想问问怎么才能永远只允许存在一个弹窗？

希望在switch上面增加值映射

由于是基于checkbox,目前switch在开的状态可以在表单提交的时候附带on过去，如果关闭状态就什么也没有，希望增加映射，动态改变checkbox的值 ，比方开是1 关是-1 可以自定义。

也就是想switch拥有radio的功能

添加后台管理完整示例会有更多人用

线上包找不到

捕获小bug一枚

触发场景：name 名带有数组结构，比如

原因是：没有加引号

考虑增加以下树形组件，后台系统比较常用

考虑增加以下树形组件，后台系统比较常用

表单验证问题：校验成功后的回调里面提交表单报错

复现地址

控制台报错：

Maximum call stack size exceeded

循环调用堆栈溢出？那么我该怎么去以form方式去提交表单

checkbox in table should has `indeterminate` state

表格上checkbox的问题

每次我在空白的地方点击时，js会触发checkbox,两个会同时变化

关于select下拉框的小建议

这儿的箭头是否应该有个动画更合理一点？

select在没有option的情况下$('select').selectMatch();会报错

触发场景：页面存在多个select ,部分option是从数据库提取，要新增后才有，当遇到没有的情况下会报错

源文件里面的图片哪可以下载

源文件里面的图片哪可以下载

为啥轮播这个组件都没有？

如题