Giter Club home page Giter Club logo

ane's People

Contributors

xxapp 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

Watchers

 avatar  avatar  avatar  avatar

ane's Issues

为组件编写单元测试

随着组件数量的增多,组合方式的复杂度增高,发现维护起来十分费力,改一个地方很可能影响其它几个地方,所以计划给组件和示例模块编写测试用例。

具体方法待研究,可能会用到avalon的服务端渲染,karma也可以考虑。

测试用例 todo list

  • ms-checkbox
  • ms-datepicker
  • ms-dialog
  • ms-form
  • ms-input
  • ms-loading
  • ms-message
  • ms-notification
  • ms-pagination
  • ms-radio
  • ms-select
  • ms-table
  • ms-textarea
  • ms-upload
  • utils

dialog对话框按钮自定义

dialog对话框“保存”取消“”能否除了可以自定义文字外,再加参数能分别控制俩个按钮的显隐

dialog弹窗问题

当自定义dialog底部的时候,点击弹出来的弹窗,然后点击右上角关闭,再第二次点击的时候弹窗出不来。ane组件样例文档中可以呈现这个问题?

tree 组件expandedKeys属性问题

 list_tree: avalon.define({
            $id: "gnqx-Tree",
            data: [],
            expand: ['999999999999'],
            checkedKeys: ['999999999999'],
            handleCheck(treeId) {

                //非tree-select无法做到数据同步到record,所以需要手动添加字段

            },
        }),
<div class="gnqx-dialog-ree" :controller="gnqx-Tree">
                                    <ms-tree :widget="{expandedKeys: @expand,checkable: true,tree: @data, checkedKeys: @checkedKeys}"></ms-tree>
 </div>

JS和HTML代码分别在上面,checkedKeys起作用可以默认选中,但是expandedKeys无法展开

form验证问题

验证某个字段 (fieldName, field) => Promise<{isOk: boolean, name: string, message: string}>
尝试过许多写法依旧不行,看文档也没有相应的例子,由于这个用的比另外一个验证多很多,烦请作者补充

loading自定义文字

loading组件应该开放一个自定义文字。有些loading需要‘请等待..’类似的语句

select options问题

select为远程下拉菜单,通过options="@DaTa"获取数据
用ajax发请求获得data的数据来改变下拉菜单
第一次请求过后,data能正常获取数据,
但是以后的每次请求都无法获取数据,下拉菜单还是第一次请求的内容

register_select: avalon.define({
            $id: "registerSelect",
            data: [],
            $cache: {}, //数据缓存对象
            depName: [],
            onChange: function (e) {

            }
        }),
 var regSelect = avalon.components['sbgl-index'].defaults.register_select,
            cache     = regSelect.$cache,
            params = {
                dep_code : data
            }

        if (!cache[data]) {

            //缓存不存在才请求
            ajax({
                url: '/gmvcs/rest/device/getPoliceInfos',
                method: 'get',
                data: params
            }).then(ret => {
                var i = 0,
                    len = ret.data.length,
                    arr = [];
                if (len === 0) {
                    regSelect.data = [{label: '', value: ''}];
                    return;
                } else {
                    for (; i < len; i++) {
                        arr[i] = {};
                        arr[i].label = ret.data[i].police_name ? ret.data[i].police_name : '';
                        arr[i].value = ret.data[i].police_id ? ret.data[i].police_id : '';
                    }
                    regSelect.data = arr
                }
            });
        }

<ms-checkbox>问题

在dialog弹窗里,把checkbox用ms-for渲染多个复选框时,浏览器报错:
例外被抛出且未被接住
google, ie11, 火狐正常,IE8出错

弹窗样式的定制问题

ms-dialog建议加上bootbox的className属性,不然感觉页面中有多个弹窗时样式不能随意的定制。
或者说其实有其他方法?

ms-tree-select数据问题

ms-tree-select组件可获取的数据太少了

title 
key 
children

一般每一条tree会用这三个数据来做ms-tree-select,但是实际的项目在选择树下拉的时候需要取得这条tree里面的更多信息。比如id啊之类的数据,而组件里面onChange方法里只能获得key值。
title
key
children
id
qq
weixin
我想要的就是能获取上面这些,因为文档不够详尽,不知道可否有方法。

ms-datepicker问题

<div class="timeStart">
                   <ms-form-item :widget="{label: '开始日期:'}">
                       <ms-datepicker :widget="{
                              col:'startDate',
                              placeholder:'请选择开始日期',
                              width: '65%',
                              showTime: true,
                             $rules: { required: true, message: '开始时间不能为空' }
                        }"></ms-datepicker>
              </ms-form-item>
  </div>

将上面代码放进<xmp is="ms-form" :widget="{$form:@$searchForm,type:'search',inline:true}">里面想作为一个表单控件,给datepicker赋予的 col:'startDate',无效,如何能取出datepicker设定的时间字符串

tree勾选问题

tree组件虽然封装了z-tree,但是z-tree很多功能都没有暴露出来,可能是文档写的太简单了,建议这一篇做一个tree组件和z-tree文档的用法相应改变的说明。
请问tree组件勾选时如何取消关联子关联父

dialog对话框中size尺寸

dialog组件中size参数,数据类型'large'|'small',我切换俩个值显示的弹窗大小没有改变

问题1:弹窗尺寸大小能够让使用者自定义大小吗?请教下size的使用方法

问题2:弹窗按钮,可以自定义按钮名称(比如,“保存”可否改为“确认或者安装”)

谢谢!

组件贡献认领

为了避免冲突,贡献组件之前先在这里确认组件是否已经被人认领,没有就可以在下面回复认领这个组件,我会添加到认领列表中。

  • 认领请留言,需要说明认领什么组件,在 ant-design 没有的需要描述组件功能

表单验证不够完善

文档上:<xmp is="ms-input" :widget="{col:'name',value:@value,$rules:{required:true,message:'请输入名字'}}"></xmp>,
测试上:
数字验证失败。会一直通过valid

tree设置全局setting问题

比如我初始化时需要设置ztree的自定义setting,类似这样子,
var setting = {
data : {
key : {
children : "children",
name : "displayName"
}
},
check: {
enable: true,
chkboxType: { "Y": "p", "N": "p" }
},
view: {
fontCss: getFontCss,
addHoverDom: addHoverDom,
//removeHoverDom: removeHoverDom,
nameIsHTML: true
},
callback : {
beforeClick: beforeClick,
beforeExpand:beforeExpand,
onExpand: zTreeOnExpand,
onCollapse: zTreeOnCollapse,
onCheck: onChecked
}
};
我没有看到组件里面有相应的参数可以传递,请问这个要怎么做呢?

之前datepicker伸展的问题

之前有需求就是说要往上伸展。
当我固定外围div高度,设置overflow:hidden;
此时页面高度刚好适合没有滚动条
第一次加载的时候,点击datepicker,还是往下伸展,因为overflow:hidden;所以时间选择那里被隐藏了无法选择时间。
点击其他地方把datepicker收缩回来再次点击又可以往上伸展,就是说第一次点击之后都可以往上伸展,不知道是不是bug,看看能不能优化,做一个:widget做一个属性选项控制他网上或者往下伸展。

select 类的组件数据回显问题

就比如 select 组件,修改表单,需要根据后台返回的 id 显示 name。

如果是本地数据,遍历一次就可以。

如果是远程数据,问题就复杂得多了,一种办法是让后端返回表单数据得时候,把 name 也带上,另一种办法是新增一个查询接口,每次需要显示得时候去查询。

解决办法都需要后端配合,前端要做得事情就是把 name 取出来显示,手动在业务代码里面写是很麻烦的,最好是能封装到组件中做,那就相当完美了。

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.