前端开发
表单引擎
组件体系
弹出树组件

业务组件

TreeSelect

弹出树形选择控件

属性列表:

名称类型说明默认值
treeDataarraytreeNodes数据[]
dialogTitlestring弹窗标题请选择
checkableboolean节点前添加Checkbox复选框false
multipleSelectboolean支持多选false
asynLoadDataboolean异步加载数据false
rootPidValuestring根节点PID值0
tokenstring查询sql-
idFieldstringid字段id
pidFieldstringpid字段pid
labelFieldstring显示字段title
valueFieldstring值字段id
onlyLeafboolean单选时只允许选择叶子节点false
dynamicParamboolean动态参数查询false
export interface TreeSelectProps extends FormControlProps {
  treeData: any;
  dialogTitle?: string;
  checkable?: boolean;
  multipleSelect?: boolean;
  asynLoadData?: boolean;
  rootPidValue?: string;
  token?: string;
  idField?: string;
  pidField?: string;
  labelField?: string;
  valueField?: string;
  onlyLeaf?: boolean;
  dynamicParam?: boolean;
}

说明:当asynLoadData=true时需设置rootPidValue,如果查询sql的参数依赖于页面其他字段,需设置dynamicParam=true

BasicTreeSelect

枚举下拉树形选择控件

属性列表:

名称类型说明默认值
typeCodestring枚举类型id-
multipleSelectboolean支持多选false
allowClearboolean支持清除false
showSearchboolean支持搜索false
onlyLeafboolean仅选择末级false
export interface BasicTreeSelectProps extends FormControlProps {
  typeCode: string;
  multipleSelect?: boolean;
  allowClear?: boolean;
  showSearch?: boolean;
  onlyLeaf?: boolean;
}

BasicSelect

枚举下拉选择控件

属性列表:

名称类型说明默认值
typeCodestring枚举类型id-
multipleSelectboolean支持多选false
allowClearboolean支持清除false
showSearchboolean支持搜索false
export interface BasicSelectProps extends FormControlProps {
  typeCode: string;
  multipleSelect?: boolean;
  allowClear?: boolean;
  showSearch?: boolean;
}

CustomSelect2

自定义下拉选择控件

属性列表:

名称类型说明默认值
tokenstring查询sql-
labelFieldstring显示字段label
valueFieldstring值字段value
multipleSelectboolean支持多选false
allowClearboolean支持清除false
showSearchboolean支持搜索false
supportWriteboolean支持输入(支持搜索时有效)false
export interface CustomSelect2Props extends FormControlProps {
  token: string;
  labelField?: string;
  valueField?: string;
  multipleSelect?: boolean;
  allowClear?: boolean;
  showSearch?: boolean;
  supportWrite?: boolean;
}

BasicCascader

枚举级联选择控件

属性列表:

名称类型说明默认值
typeCodestring枚举类型id-
separatorstring分隔符"/ "
export interface BasicCascaderProps extends FormControlProps {
  typeCode: string;
  separator?: string;
}

BasicTableSelect

枚举信息弹出表格选择控件

属性列表:

名称类型说明默认值
typeCodestring枚举类型id-
dialogTitlestring弹出窗口标题请选择
multipleSelectboolean支持多选false
export interface BasicTableSelectProps extends FormControlProps {
  typeCode: string;
  dialogTitle?: string;
  multipleSelect?: boolean;
}

InputMoney

金额输入框控件

属性列表:

名称类型说明默认值
precisionnumber小数位数2
minnumber最小值-999999999999999
maxnumber最大值999999999999999
hideActionButtonboolean隐藏加减按钮true
formatMoneyboolean千分位显示true
export interface InputMoneyProps extends FormControlProps {
  precision?: number;
  min?: number;
  max?: number;
  hideActionButton?: boolean;
  formatMoney?: boolean;
}

precision 设置值范围0-4

InputInteger

整数输入框控件

属性列表:

名称类型说明默认值
minnumber最小值-999999999999999
maxnumber最大值999999999999999
stepnumber间隔值1
hideActionButtonboolean隐藏加减按钮true
export interface InputIntegerProps extends FormItemControlProps {
  min?: number;
  max?: number;
  step?: number;
  hideActionButton?: boolean;
}

step(间隔值)是每次点击加减按钮时增减的值

InputQuery

查询显示框

属性列表:

名称类型说明默认值
tokenstring查询sql-
numberDisplayboolean数值显示false
precisionnumber小数位数0
formatMoneyboolean千分位显示false
export interface InputQueryProps extends FormItemControlProps {
  token?: string;
  numberDisplay?: boolean;
  precision?: number;
  formatMoney?: boolean;
}

numberDisplay 设置为true时,属性precision、formatMoney才起作用

InputFormState

表单状态显示框

属性列表: 无

该组件根据设置的表单和流程状态对应关系(状态编码对应)来获取表单业务状态