chriswong/zxui

知心项目UI组件库

zxui's Issues

log.js 发送的数据没有进行url编码

有可能导致参数数据被截断。

改成jsonToQuery(data, encodeURIComponent) ?

Select 控件需要增加多列支持

应 PM 需求需要增加多列支持，同时增加选中项状态。

Select: 浮层水平位置差一像素

浮层水平位置差一像素

环境：windows, chrome 29.0.1547.76 m 或者 chrome31。

mac retina ie6等无此问题

如下图

Popup：triggers样式名对后续加入DOM树的trigger元素无效

popup的triggers属性为样式名。但只在初始化(init)方法中处理了当前DOM树中拥有指定样式名的DOM元素。对后续加入DOM树的带有指定样式名的DOM元素无效。应当采取代理模式支持后续生成的triggers。

Tip 默认导致页面底部一块空白

原因是默认 render 后 dom 已经 append 到 body，但未设置 top，根据 position: absolute 的定位规则，top 的值会是静态定位时的计算结果

select 组件提供 datasource 配置

zxui 的定位是一套比较简单好用的组件，那么很多跟实现相关的逻辑就不应该调用者去关心，比如怎么触发显示，触发谁显示，相对谁定位等等。

select 一般有两种定位:

• 全局绝对定位（相对 body）
• 局部绝对定位（相对 select 主元素）

如果不考虑 IE67，我觉得最好的方式是 2。

具体怎么实现都没关系，这是组件内部的逻辑。

select 最常用的场景就是弹出一个一维列表，我觉得 90% 以上的场景都是这样的。至于那种点击弹出一个面板，面板里的内容无法预计，所以只能提供一个元素的配置项。

对于最常用的场景，完全可以提供一个 datasource 配置，这样创建 select 就是简简单单的一句代码

new Select({
    main: $('select')[0],
    datasource: [
        { text: '', value: '' }
    ]
}).render()

文档生成错误

grunt jsdoc 生成报错

直接 jsdoc 可生成，但缺少 options

Tip 组件箭头定位的问题

• 在 tr、br 定位时，当目标 trigger 的宽度小于箭头宽度的 3 倍时，箭头定位超出提示层右边
• 在 lb、rb 定位时，当目标 trigger 的高度小于箭头高度的 3 倍时，箭头定位超出提示层下边

Calendar:内部使用的popup的hide事件没有通知给calendar，使calendar的onHide事件侦听失效

Calendar内部使用popup对象作为浮层。但popup在hide时，没有将hide事件传递给Calendar。使用者即使给Calendar添加onHide事件回调函数也无法被触发。

lib.on 的事件处理函数在ie9以下没有绑定this到事件源，导致与高级浏览器不一致

Tip 组件 隐藏后，渲染有问题

Select 组件问题

• 选择当前已选项时，选单不会自动隐藏
• 选择目录有白色边框（接近180度观察）

建议TIP添加一个isShowing方法

现在需要额外的变量记录TIP是否正在显示。
建议添加一个isShowing的方法。

Log模块上报参数未编码导致参数错乱

原因是 T.url.jsonToQuery 默认只对部分部分字符作编码转换，需要为 T.url.jsonToQuery 传第2个参数处理

Calendar：若Calendar的A元素中包含的其他DOM标签，当它被点中时Calendar无法正常处理

默认的CalendarA元素不包含其他的DOM标签。自定义样式中可以通过process方法添加。而自定义样式中的DOM元素被点击时，不能被Calendar正确处理。

原因是onClick事件的处理只针对事件源DOM元素tagName为A时做处理，其他标签只对target做select。

建议添加即时刷新TIP内容的方法

现在更新TIP内容需要设定content属性然后再show。show中做了很多不需要的工作。
建议添加setContent和setTitle方法

Popup: liveTriggers被点击后释放了错误的onBeforeShow事件

liveTriggers被点击之后，不区别真正被点击的DOM是否为triggers，直接释放了onBeforeShow事件。

Control 的 addChild 方法笔误问题

name 变量名笔误写成了 nane. 所有分支均存在此bug.
点此查看master分支
点此查看tangram-less分支

pager控件对target的检测有异常

 if (target.tagName !== 'A') {
            var main = this.main;
            target = T.dom.getAncestorBy(target, function (el) {
                // 最高访问到控件根容器, 避免到文档根节点
                return el.tagName === 'A' || el === main;
            });

            if (target === main) {
                return;
            }
        }

如果点击事件发生在容器上，那么el === main 是不成立的。
这是target就会是null，然后执行下面的target.getAttribute是会报错。但是不影响使用。

City 组件调整

根据需求，需要：

• 去掉 hinter
• 去掉 hintText
• 移除关闭按钮
• 同时调整样式，

Calendar:process不能得到月前日期DOM和月后日期DOM

Calendar的process方法可以接受el, classList和dateString三个参数。其中el是当前展现的月份的日期DOM（就是A）。但是展现的月前日期DOM和月后日期DOM都不会被触发process处理。

Tip 组件对 click 模式支持有问题

由于显示和隐藏都对应相同的 click 事件，导致显示和隐藏连续发生，表现像点击时无任何响应

popup.js的render()有个小问题

if (!this.options.main) {
    main.innerHTML = this.content;
}

这段代码会导致city组件指定main的时候无法正常渲染。
但是去掉这个判断之后，select自定义main则无法渲染。。

是不是可以让city组件用其他字段指定渲染区域？

log 在翻页点击后无法发送 统计

根据 ubs 实现，可通过更改监听的 click 事件为 mousedown 解决

Lunar 翻月回到 2006-1月时，显示的是2月的数据

主要由于在翻月前，默认是当前月的最后一天，当第一天是周日时，导致setMonth过来是2006-2-31，由于2006-2只有28天，所以实际上是2006-3-3，再setDate(0)也是2006-2-28

Select 组件应该提供 reset 方法

主要用于重置选项，所有模拟与表单相关的组件都应该能让用户重置状态。

Tip 组件边界定位的问题

自动计算定位时，最终组件右边界或下边界可能会超出可视区域

Calendar 组件 bug

init 中调用了 setRange -> updatePrevNextStatus -> date = date || this.date || this.from(this.value);

但是 this.value 的初始化在 setRange 调用之后，所以导致 updatePrevNextStatus 中 date 的值异常