1.3.96 • Published 3 months ago
@yhjcare/ydkui_v2 v1.3.96
基础 UI 组件
表单字段说明
// 规则描述 Rule Description 简称 RD
const rd = {
// 筛选配置
limit: [
{
label: '',
field: '',
paths: '',
enums: [],
modle: '',
value: '',
rules: [],
logic: true | false,
_view: 1,
}
],
// 表格配置
table: [
{
label: '', // 标签名
field: '', // 字段名
paths: '', // 源数据里的JSON结构层级 如{a:{aa:{aaaa:1},b:{bb:{bbb:2}}} 如果field是bbb则需要在paths里填写'b.bb'告诉驱动器这个字段在源数据中所处的位置
enums: [], // 枚举
modle: '', // 模型 链接Link|复制Copy|图片Image|标签Tag|... 有一个特殊的自定义代码'@',当驱动器不会自动处理这个字段需要手工在业务代码里处理
value: '', // 显示内容,一般不填写,只有需要计算显示值时才使用,比如给显示值设置特殊格式{ value: ()=> idate(val).format('YYYY-MM-DD') }
event: {}, // 事件
attrs: {}, // 属性
popup: {}, // 提示(无限套娃遍历)
logic: true, // 逻辑控制(开启关闭)
fixed: true|false|1|0|'l'|'r' // 是否固定
rules: [], // 校验规则
view: true|false|'always', // 是否显示(自动生成静态值交互可控)
chlid:[], // 子元素(无限套娃遍历)
clear: true|false // 是否清除字段,代替logic,logic另有他用
}
],
// 表单配置
form: [
{
label: '', // 标签名
field: '', // 字段名
paths: '', // 源数据里的JSON结构层级 如{a:{aa:{aaaa:1},b:{bb:{bbb:2}}} 如果field是bbb则需要在paths里填写'b.bb'告诉驱动器这个字段在源数据中所处的位置
enums: [], // 枚举
modle: '', // 模型 简写'Select',详细写法 ['Select',{ attrName:'1' }]
value: '',
event: {}, // 事件
attrs: {}, // 属性
logic: true, // 逻辑控制(开启关闭)
rules: [
{
type: 'risk',
msg: '这是必填项',
required: true
},
{
type: 'risk',
msg: '请正确填写中文名',
validator: () => validateChineseName
}
],
logic: true | false, // 是否显示
media: 'mob-24 pad-12 dpc-8', // 媒体查询
// 数组类型
array: true,
// 子块标题
title: (data: any, item: any) => {
return item.customerName + '的评价';
},
// 子块字段
child: []
}
]
};
封装组件
TableLoader ✓
LimitLoader ✓
FormView ✓
FormRowView ✓
FormColView ✓
Grid 0%
Button 0%
Input ✓
NumberInput 0%
Radio 0%
Checkbox 0%
Rate 0%
Slider 0%
Select ✓
MoreSelect ✓
SearchSelect ✓
SearchMoreSelect ✓
PageSelect ✓
TreeSelect ✓
CascaderSelect ✓
DatePicker 50% 急
TimePicker 50% 急
DateTimePicker 50% 急
Switch 50%
Textarea 50%
FileUpload 0%
ImageUpload ✓
Avatar 0%
Badge 0%
Calendar 0%
Card 0%
Carousel 0%
Collapse 0%
Empty 0%
Image ✓
InfiniteScroll 0%
Pagination ✓
Progress 0%
Result 0%
Tag 0%
Timeline 0%
Tree 0%
Tabs 0%
Divider 0%
Message 0%
Version
v1.3.55
Input 优化 maxlength 属性
v1.3.53
修复优化 TreeView 产生的 BUG
v1.3.53
优化 TreeView 代码
v1.3.51
新增一款组件TreeView用于简单版树型单选
v1.3.49
IRouterView 优化新增onlist和onitem监听事件 在ListView或ItemView组件里 const onitem: any = inject('onitem'); 或 const onlist: any = inject('onlist');
v1.3.49
LimitLoader 优化不写模型可以使用slot使用自定义模型沉浸表单项
v1.3.48
FormLoader 优化不写模型可以使用slot使用自定义模型沉浸表单项
v1.3.37
FormLoader
FormLoader新增SelectTree模型
v1.3.43
IRouterView preview 模式过滤fekit脱离文档流图层点击
v1.3.38
SelectTree
新增SelectTree,FormLoader新增SelectTree
v1.3.37
TableLoader
修复popup 入参attrs 有VUE警告问题
v1.3.36
Cascader
添加属性changeOnSelect(默认值false,单选有效),当为true时任意一级可选
v1.3.35
IRouterView
新增'pop-up'模式,优化核心功能(返回list时卸载item节点), 去掉#side插槽统一用#item。
v1.3.34
Pagination
新增设置功能,可以设置第页几条等。
v1.3.33
Tree
优化功能: 支持块状区域点击;单选支持不传v-model(若不传v-model则无法选中数据)
v1.3.32
IRouterView
修复点击非Side区域之外的受@fekit/toast透明层影响的问题
v1.3.30
Tree
优化功能: 默认全部节点展开;修复多选时若传入空字符串则返回['']bug
v1.3.29
FormLoader
添加Tree模型
Tree
优化根节点不要内边距
v1.3.28
Tree
优化功能: 添加表单规则校验提示;修复初始化异步不加载树结构bug
TableLoader
view改为clse,默认隐藏改为默认显示
v1.3.26
Tree
重大功能变更: 去掉v-model:checkedKeys="checkedKeys" 和 v-model:selectedKeys="selectedKeys" 合并为 v-model="selected"
复选字段变更为 multiple
优化功能: 添加属性checkStrictly(节点是否受控-父节点勾选时子节点全部勾选,子节点是否勾选不影响父节点勾选,数组数据包含父节点和子节点)
增加select事件,抛出节点数据、路由等
v1.3.25
LimitLoader 优化功能接入attrs,废弃view新增close,默认隐藏改成默认显示。优化了TS入参提示等...
v1.3.24
IRouterView 新增打开模式,default 默认|preview预模式从测边滑出。
1.3.96
3 months ago