@camunda/ feel-游戏场
用于编辑和远程评价带有JSON语境的感受表达式的反应组件.
特征
- 感觉表达式和无线测试编辑
- 自动完成和诊断
- JSON 上下文编辑和预填
- 检测并完成缺失上下文变量
- 远程评价,结果、警告、装入和出错状态
- 主机提供的变量和感觉语言配置
使用量
导入组件及其样式表 :
import { useState } from 'react';
import {
FeelPlayground,
type Evaluate
} from '@camunda/feel-playground';
import '@camunda/design-system/styles.css';
import '@camunda/feel-playground/style.css';
const evaluate: Evaluate = async (input, { signal }) => {
const response = await fetch('/api/evaluate', {
method: 'POST',
headers: {
'content-type': 'application/json'
},
body: JSON.stringify(input),
signal
});
const { result, warnings = [] } = await response.json();
return { result, warnings };
};
export function Playground() {
const [expression, setExpression] = useState('x + y');
const [context, setContext] = useState<string>();
return <FeelPlayground
expression={expression}
onExpressionChange={setExpression}
context={context}
onContextChange={setContext}
dialect="expression"
variables={[ { name: 'x' }, { name: 'y' } ]}
onEvaluate={evaluate}
/>;
}
API 密码
FeelPlayground
| Prop | 类型 | 需求 | 说明 |
|---|---|---|---|
expression | string | 对 | 当前感觉表达式或无常测试. |
onExpressionChange | (expression: string) => void | 对 | 当表达式改变时调用 . |
context | string | 没有 | 串行JSON评价上下文. 关闭从初始表达式预填. |
onContextChange | (context: string) => void | 对 | 上下文变化时调用 . |
dialect | 'expression' | 'unaryTests' | 对 | 被编辑接受的感觉语法. |
feelLanguageContext | FeelLanguageContext | 没有 | 内置,剖析方言,和引擎相容配置. |
variables | FeelVariable[] | 没有 | 用于自动完整和上下文生成的变量 . |
onEvaluate | Evaluate | 没有 | 远程评价表达式. |
evaluationUnavailable | string | EvaluationUnavailable | 没有 | 解释为何在未提供评价人员的情况下无法进行评价。 支持标题、消息和可选动作. |
何时 onEvaluate 缺席, evaluationUnavailable 接受纯文本或
{ title, message, action?: { label, onClick } }可选行动使
留言后,给主机打电话 onClick 处理者。 显示道具
"评价是没有根据的"
该套件作为无害环境管理分发,并需要React 19和Camunda Design System 0.76或更新. 评价、认证和连通性由东道方提供.
用 C8run 本地运行
启动 Camunda 8.9+ c8run 实例 http://localhost:8080,则:
git clone https://github.com/camunda/feel-playground.git
cd feel-playground
cp cluster.config.example.json cluster.config.json
npm install
npm start
打开由 Vite 打印的 URL 。 示例配置使用 c8run 基本认证, 并使用用户名 demo 密码 demo。 。 。 .
这个 无法获取 预览显示标题、消息和动作 API. 点击 使用演示连接 切换到模拟成功评价, 没有运行中的集群.