Skip to main content

动作配置面板通用模块

schemaTpl 通用模块​

数字输入框表达式​

image

getSchemaTpl('formulaControl', {
    name: 'timeout',
    label: '持续时间(ms)',
    rendererSchema: {
      type: 'input-number'
    },
    valueType: 'number',
    variables: '${variables}',
    size: 'lg',
    mode: 'horizontal'
})

文本输入框默认值​

image

getSchemaTpl('formulaControl', {
    name: '__valueInput',
    label: '',
    variables: '${variables}',
    size: 'lg',
    mode: 'horizontal',
    required: true,
    visibleOn: `this.__addParam && this.__containerType === "all" && this.actionType === "reload" && this.__isScopeContainer`
})

文本输入框表达式追加模式​

image

getSchemaTpl('formulaControl', {
    name: '__valueInput',
    label: '',
    variables: '${variables}',
    size: 'lg',
    mode: 'horizontal',
    required: true,
    visibleOn: `this.__addParam && this.__containerType === "all" && this.actionType === "reload" && this.__isScopeContainer`
})

多行文本输入表达式​

image

getSchemaTpl('textareaFormulaControl', {
    name: 'title',
    label: '标题内容',
    variables: '${variables}',
    mode: 'horizontal',
    size: 'lg'
})

按钮表达式​

label 鼠标 hover 提示效果可通过 tipedLabel 方法实现 image

getSchemaTpl('expressionFormulaControl', {
    name: 'stopPropagation',
    label: tipedLabel(
      '阻断条件',
      '满足条件时，将会阻断当前事件的后续动作的执行'
    ),
    evalMode: true,
    variables: '${variables}',
    mode: 'horizontal',
    size: 'lg',
    visibleOn: 'this.actionType'
 })

API 模块​

label 鼠标 hover 提示效果可通过 tipedLabel 方法实现 image

getSchemaTpl('apiControl', {
    name: 'api',
    label: '配置请求',
    mode: 'horizontal',
    size: 'lg',
    inputClassName: 'm-b-none',
    renderLabel: true,
    required: true
})

组件封装模块​

页面组件选择模块​

label 鼠标 hover 提示效果可通过 tipedLabel 方法实现 image

renderCmptSelect('目标组件', true)

页面组件选择模块​

label 鼠标 hover 提示效果可通过 tipedLabel 方法实现 image

[
    ...renderCmptSelect('目标组件', true),
    renderCmptIdInput(),
]