xxapp / ane Goto Github PK
View Code? Open in Web Editor NEW基于 avalon2 的组件库
Home Page: https://xxapp.github.io/ane
License: MIT License
基于 avalon2 的组件库
Home Page: https://xxapp.github.io/ane
License: MIT License
随着组件数量的增多,组合方式的复杂度增高,发现维护起来十分费力,改一个地方很可能影响其它几个地方,所以计划给组件和示例模块编写测试用例。
具体方法待研究,可能会用到avalon的服务端渲染,karma也可以考虑。
测试用例 todo list
dialog对话框“保存”取消“”能否除了可以自定义文字外,再加参数能分别控制俩个按钮的显隐
当自定义dialog底部的时候,点击弹出来的弹窗,然后点击右上角关闭,再第二次点击的时候弹窗出不来。ane组件样例文档中可以呈现这个问题?
font-family: fontAwesome;
为了以后的样式可定制化
这些需要使用变量
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无法展开
验证某个字段 (fieldName, field) => Promise<{isOk: boolean, name: string, message: string}>
尝试过许多写法依旧不行,看文档也没有相应的例子,由于这个用的比另外一个验证多很多,烦请作者补充
dialog组件 右上角点击关闭按钮后,第二次触发弹窗的时候不显示弹窗
loading组件应该开放一个自定义文字。有些loading需要‘请等待..’类似的语句
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
}
});
}
checkable为false时,
onCheck,选择节点的回调不起作用
建议:希望可以加个属性来改变type,并且能支持在ie下实现
datepicker展开方向可否向上展开
在dialog弹窗里,把checkbox用ms-for渲染多个复选框时,浏览器报错:
例外被抛出且未被接住
google, ie11, 火狐正常,IE8出错
用原生 file input 选择一次之后,点击模拟的上传文件按钮就可以正常工作
ms-dialog建议加上bootbox的className属性,不然感觉页面中有多个弹窗时样式不能随意的定制。
或者说其实有其他方法?
ms-tree-select组件可获取的数据太少了
title
key
children
一般每一条tree会用这三个数据来做ms-tree-select,但是实际的项目在选择树下拉的时候需要取得这条tree里面的更多信息。比如id啊之类的数据,而组件里面onChange方法里只能获得key值。
title
key
children
id
qq
weixin
我想要的就是能获取上面这些,因为文档不够详尽,不知道可否有方法。
<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组件虽然封装了z-tree,但是z-tree很多功能都没有暴露出来,可能是文档写的太简单了,建议这一篇做一个tree组件和z-tree文档的用法相应改变的说明。
请问tree组件勾选时如何取消关联子关联父
表格序号是否可以自动排序
dialog组件中size参数,数据类型'large'|'small',我切换俩个值显示的弹窗大小没有改变
问题1:弹窗尺寸大小能够让使用者自定义大小吗?请教下size的使用方法
问题2:弹窗按钮,可以自定义按钮名称(比如,“保存”可否改为“确认或者安装”)
谢谢!
为了避免冲突,贡献组件之前先在这里确认组件是否已经被人认领,没有就可以在下面回复认领这个组件,我会添加到认领列表中。
正在迫切使用组件,组件文档出错了,希望早日修复
文档上:<xmp is="ms-input" :widget="{col:'name',value:@value,$rules:{required:true,message:'请输入名字'}}"></xmp>,
测试上:
数字验证失败。会一直通过valid
比如我初始化时需要设置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
}
};
我没有看到组件里面有相应的参数可以传递,请问这个要怎么做呢?
之前有需求就是说要往上伸展。
当我固定外围div高度,设置overflow:hidden;
此时页面高度刚好适合没有滚动条
第一次加载的时候,点击datepicker,还是往下伸展,因为overflow:hidden;所以时间选择那里被隐藏了无法选择时间。
点击其他地方把datepicker收缩回来再次点击又可以往上伸展,就是说第一次点击之后都可以往上伸展,不知道是不是bug,看看能不能优化,做一个:widget做一个属性选项控制他网上或者往下伸展。
select多项选择框,在ie8中出现下拉框,也显示选中的“勾”,但是没有返回值而且框内也没显示选中的值
就比如 select 组件,修改表单,需要根据后台返回的 id 显示 name。
如果是本地数据,遍历一次就可以。
如果是远程数据,问题就复杂得多了,一种办法是让后端返回表单数据得时候,把 name 也带上,另一种办法是新增一个查询接口,每次需要显示得时候去查询。
解决办法都需要后端配合,前端要做得事情就是把 name 取出来显示,手动在业务代码里面写是很麻烦的,最好是能封装到组件中做,那就相当完美了。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.