@bpmn-io/可变外线

在 BPMN 图表中显示变量的响应组件 .

使用量

简单地将组件添加到您已有的 React 应用程序中,并通过 bpmn-js injector 改为:

import VariableOutline from '@bpmn-io/variable-outline';
import '@camunda/design-system/styles.css';
import '@bpmn-io/variable-outline/dist/variable-outline.css';

export function MyComponent(props) {
  const {
    injector
  } = props;

  return <VariableOutline injector={injector}></VariableOutline>
}

揭示定义域

[注] 单击写入变量的元素还显示属性面板字段 定义它。 现场通过 propertiesPanel#getEntryId(element, path)这样 这需要 bpmn-js-properties-panel@>=5.63.0; 使用更旧的面板,仅单击 选择元素。 要素模板提供的字段 bpmn-js-element-templates@>=2.29.0。 。 。 .

设计系统

[注] 构成部分建立在 @camunda/design-system,需要同伴依赖。 主机应用程序加载其样式表, @camunda/design-system/styles.css曾经.

发展

启动演示页面 npm run start。 。 。 .

运行所有测试 npm run test

行为守则

通过参加这个项目,请支持我们 行为守则。 。 。 .

许可证

麻省理工学院

用途 日记 根据《公约》 bpmn.io 许可证。 。 。 .