UI库插件规划

jquery插件规划.txt

 1,  tooltip
简介： 弹出提示框功能
功能： hover 或 click 触发
       ajax加载内容
       与弹出框交互功能(interactive)
       自定调整弹出框位置(autoPosition)
       动画效果 'fade' 'zoom'
     
 2,  colorInput
简介：  功能强大的颜色选择器功能
功能：  实现了alpha hAlpha check gradient hue hHue info keyboard palettes preview saturation模块
        各模块均可配置
        实现键盘功能
        实现渐变功能
        可以输出不同的颜色格式
        实现localstorage颜色存储功能
        flat选项可以配置直接显示在页面，还是点击触发显示颜色panel
        各模块均可配置
要点：  这里的skin需要手动配置ColorInput.skins，利用已经实现的模块组合成新皮肤。
改进：  皮肤的弹性设计，所有的模块通过配置项开启或关闭，而无需手工设置。
            配置项中的skin可能需要修改成theme
 
 3,  dropdown
简介：  一个简单的下拉弹出框功能，为了显示下拉项中复杂的内容，下拉框中的内容需要包在li中，
        跟下拉框不同的是，需要开启配置项imitateSelect才是实现下拉框中项点击的功能
           
 4,  select
简介：  一个功能强大的下拉框，不支持多选。
功能：  可以通过DOM元素或者json构建插件
        提供预加载功能
        下拉框的group功能
        提供hover 或 click两种可选的触发方式
        程序调整弹出panel相对于trigger元素的位置
        搜索功能
        键盘导航功能
        提供初始化之后重新构建插件的接口
改进：  添加几款皮肤

 5,  popup
简介：   弹出框，内容居中自适应
功能：   支持多种内容 inline，ajax加载内容，图片
         完全css定位，自适应居中
         预加载功能
         支持图片集合展示，可以自动播放，调节播放速度，显示缩略图
         弹出框动画效果
         内容集合切换效果
         支持展示swf，谷歌地图，html5视频
         键盘操作支持
         支持扩展新的type类型
         对图片的srcset支持
         支持history功能
改进：   目前该插件在重构过程中，结构可能还需要调整，待实现的功能有
         内容集合切换动画
         html5视频
         srcset支持
         移动端优化
         设计几款新皮肤

 6,  check
简介：    实现自定义风格的radio checkbox 功能
功能：    模拟原生的chang事件
          模拟原生的disabled功能
          模拟label与input元素对应的功能
          多种不同的皮肤
改进：    模拟更完全的原生事件，与后台交互尚待测试  
          移动端兼容

 7,  choice
简介：     个性化的选择器面板，
功能：     支持单个或多个
           选项支持图标
           多种不同的皮肤

 8,  paginator
简介：      分页插件
功能：      支持注册组件
            可以配置每个分页加载的条目
            多种不同的皮肤
改进：      初始化之后update分页
            移动端兼容

 9,  range
简介：       拖动条选择器
功能：       键盘导航操作
             支持单个或多个选择点
             设置每个选择点之间的limit
             设置每个选择点的步长
             选择点的数据提示功能(tip)
             支持刻度功能
             支持对输出数据的格式化功能
             组件的弹性设计，不同尺寸屏幕的自适应
             支持垂直与水平两种形式
改进：       对插件事件的测试
             step步长的控制需要更精确
             后台数据交互测试  
   
10, spiner
简介：        优秀交互的数值自增自减选择器
功能：        支持键盘操作自增自减
              支持鼠标滑轮操作
              支持输出数据格式化
              内置自定义规则，比如月份等
改进：        移动端优化
              皮肤设计
              后台数据交互测试  
                    
11, switcher
简介：　      开关样式的插件
功能：        2选1
              触发方式可选择drag，click, 或两者兼有
              滑动的动画效果，可设置滑动的方式
              移动端优化
改进：        某些配置项需要重命名
              移动端需要测试
                                    
12, tabs
简介：        tab插件
功能：        ajax加载内容
              tabs与panes通过DOM选择器指定，达到分离的效果
              异步加载内容缓存功能
              tabs间切换的动画效果
              键盘导航操作
              history功能
              tabs切换的触发方式
              移动端支持
              动态增加或者删除tab并且更新全局数据
改进：        增加移动端支持
              目前使用css3动画存在不兼容的bug，删除一些无法兼容的效果或者使用jquery实现几种更稳定的效果
              皮肤的设计
              public api 需要测试下
              动态更新效果需要进一步测试是否有bug
                  
13, unitInput
简介：         选择数值与单位的插件
功能：         输入数值
               输入单位
要点：         关键是处理交互的细节
               使用一个mock跟input来处理输入值跟存值不同的效果
改进：         增加下拉框动画
               firefox下存在一个交互的bug(以提到issue里)

14, menu
简介：          响应式的menu, 支持pc端跟手机端
功能：          支持no js也可以使用
                支持水平跟垂直两种形式
                支持几种不同的模式
改进：          正在coding中。
     
15, hoverer
简介：          hover弹出框效果
功能：          多种不同的css3动画效果

16, modal 
简介：         消息提醒插件( 类似QQ公告)
功能：         可以自定义弹出框位置
               支持弹出框效果
               可选择不同弹出框的状态(如warn, error, success)
改进：         规划弹出框的状态
               移动端配置