1.3.96 • Published 3 months ago

@yhjcare/ydkui_v2 v1.3.96

Weekly downloads
-
License
MIT
Repository
-
Last release
3 months ago

基础 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预模式从测边滑出。