Jiess文档

Appearance

公共组件 ​

位于基础库.jiess/_resource/common/components目录，适用于所有技术栈

Space ​

使用flex横向布局的容器，类似UI框架中的Row组件

参数 ​

cols ​

  • 类型 Number|Object
  • 详细 一行被划分的份数
  • 必要 否
  • 默认 24

span ​

  • 类型 Number|Object
  • 详细 单个元素占据的宽度
  • 必要 否
  • 默认 8

gutter ​

  • 类型 Number|Object
  • 详细 内部子元素之间的间隙
  • 必要 否
  • 默认 8

className ​

  • 类型 String
  • 详细 容器外层类名
  • 必要 否
  • 默认 包裹特性

style ​

  • 类型 Object
  • 详细 容器外层样式
  • 必要 否
  • 默认 ——

outerAttrs ​

  • 类型 Object
  • 详细 容器外层属性
  • 必要 否
  • 默认 ——

padding ​

  • 类型 Object|String
  • 详细 内层容器的padding值
  • 必要 否
  • 默认 8px

innerStyle ​

  • 类型 Object
  • 详细 容器内层样式
  • 必要 否
  • 默认 center
  • 备选 ——

innerAttrs ​

  • 类型 Object
  • 详细 容器内层属性
  • 必要 否
  • 默认 ——

SpaceItem ​

嵌入Space中（必须）的子元素，控制每一块的布局，类似UI框架中的Col组件

参数 ​

className ​

  • 类型 String
  • 详细 子元素的类名
  • 必要 否
  • 默认 ——

style ​

  • 类型 Object
  • 详细 容器样式
  • 必要 否
  • 默认 ——

direction ​

  • 类型 string|number|array
  • 详细 子元素的布局朝向
  • 必要 否
  • 默认 row
  • 备选 row|column

$span ​

  • 类型 Number
  • 详细 当前子元素占据的宽度
  • 必要 否
  • 默认 ——

注：其他属性直接作用于当前子元素

JiessBetween ​

基于flex线性布局，用于实现行内的左右布局；如element中card头部：左侧标题，右侧按钮布局

参数 ​

left ​

  • 类型 基础数据|组件|函数
  • 必要 false
  • 详细 控制线性布局左侧的渲染
  • 基础数据：如123，'abc'，等js基础数据类型
  • 组件：支持原框架组件或Jiess组件
  • function函数：
    • 返回基础数据，或组件，该函数上下文为JiessBetween的上下文
    • 返回一个function函数，该函数返回基础数据，或组件

当需要渲染为表单元素时，表单与外层组件公用上下文，会造成组件整体重新渲染，导致表单失去焦点， 这时候就需要提供function函数，且返回function函数，此时内部使用JiessComponent单独开辟了 原框架的上下文空间，响应式的变化仅仅单独驱动内层组件的更新，避免了上述的问题

  • 类型 基础数据|组件|函数
  • 必要 false
  • 详细 控制线性布局右侧的渲染
  • 基础数据：如123，'abc'，等js基础数据类型
  • 组件：支持原框架组件或Jiess组件
  • function函数：
    • 返回基础数据，或组件，该函数上下文为JiessBetween的上下文
    • 返回一个function函数，该函数返回基础数据，或组件

当需要渲染为表单元素时，表单与外层组件公用上下文，会造成组件整体重新渲染，导致表单失去焦点， 这时候就需要提供function函数，且返回function函数，此时内部使用JiessComponent单独开辟了 原框架的上下文空间，响应式的变化仅仅单独驱动内层组件的更新，避免了上述的问题

style ​

  • 类型 Object
  • 详细 JiessBetween容器的样式

leftStyle ​

  • 类型 Object
  • 详细 线性布局左侧的样式

leftWidth ​

  • 类型 String
  • 详细 控制线性布局左侧的宽度

rightStyle ​

  • 类型 Object
  • 详细 线性布局右侧的样式

rightWidth ​

  • 类型 String
  • 详细 控制线性布局右侧的宽度

注：其他属性作用于JiessBetween容器

JiessDynamic ​

控制子元素动态增减的组件；支持手动的添加或移除子元素，以及数据交互

参数 ​

ComPlus ​

  • 类型 Object
  • 详细 自定义增减按钮

ComMinus ​

  • 类型 Object
  • 详细 自定义移除按钮

limit ​

  • 类型 Number
  • 详细 子元素的最大数量

items ​

  • 类型 Array
  • 详细 父级重置子元素的数据

initData ​

  • 类型 Function
  • 详细 新增时单个子元素的数据

onChange ​

  • 类型 Function
  • 详细 子元素发生变化时的回调

itemStyle ​

  • 类型 Object
  • 详细 子元素的样式配置

方法 ​

用于暴露给父级的方法

itemAdd ​

  • 参数 ——
  • 详细 增加子元素

itemDel ​

  • 类型 (data, key)
  • 详细 移除自定的子元素

setValue ​

  • 类型 value
  • 详细 重置子元素

ActionButtons ​

基于ActionButton封装的组件，可快速构建一组横向并列的按钮

参数 ​

buttons ​

  • 类型 Array
  • 必要 是
  • 说明 按钮配置对象构成的数组集合
  • 详细 单个按钮的配置规则与ActionButton的配置规则一致

size ​

  • 类型 String
  • 默认 small
  • 必要 否
  • 说明 批量指定本组按钮的尺寸

其余属性默认作用于Space（Jiess内置组件）组件

InfiniteTable ​

无限滚动列表组件，自带虚拟滚动条，支持十万甚至百万级数据的流畅滚动