Syncfusion JavaScript Form Renderer 技能用于在用户需要生成、排错或扩展由 schema 驱动的表单时提供指导，并且基于 Syncfusion Form Renderer 的 TypeScript 模块实现。该渲染器以单份 JSON schema 为核心；这份 schema 声明字段定义、布局、校验、动态行为和提交动作。
【用途】 该技能适合以下场景：创建 TypeScript 应用并安装 Syncfusion Form Renderer 包；用 properties、layout 和 settings 定义表单；添加 required、pattern、minLength、maxLength 或自定义校验规则；根据前项答案显示或隐藏字段；构建级联下拉或依赖选项列表；用 minMaxRange 依据另一字段约束数值或日期；用 expressionValue 与外部引用计算值；处理提交、重置和自定义按钮动作；用 allowMultiple 与 buttonsGroups 定义分组按钮动作；通过 TypeScript 模块 API 用自定义模板替换内置控件。
【主要能力与使用方式】 快速开始部分给出完整流程：克隆 TypeScript webpack 快速启动项目，安装 @syncfusion/ej2-form-renderer 与项目依赖，安装并导入 Material 3 主题，在 index.html 添加挂载元素，在 app.ts 中创建 FormRenderer 实例并调用 appendTo。示例 schema 包含 textbox 字段、submit 按钮、layout 与 settings，并演示 submit 回调接收 data 与 isValid。
参考文档覆盖：schema 根结构（version、properties、layout、settings）、受支持的字段控件及其数据类型和交互、面板/表格/选项卡/卡片等布局；内置校验与 customValidation（通过 valid = true 或错误信息表达）；visibleWhen、hideWhen、requiredWhen、readOnlyWhen、disabledWhen 等条件规则及嵌套和/或组、运算符与组件支持矩阵；expressionValue 的字段引用、数组索引、三元语法、算术/比较/逻辑运算符、常量与聚合/数学/字符串/日期函数；用 choiceBasedField 实现级联下拉（primaryFieldId、choiceMapping、showAllWhenNotMapped）；用 minMaxRange 实现跨字段范围约束；下拉、多选和复选框组的远程数据源、URL 适配器、dataPath、请求头与搜索/排序/过滤/分页配置；数据网格的静态与远程数据、列编辑校验、条件数据源及搜索排序过滤分页；buttonType 的 submit/reset/button 与 buttonsGroups 分组动作；submit、change、buttonClick、failure、created 事件；customWidgetSettings 自定义模板与 HTML 清洗行为。
【适用场景】 适合需要用 JSON schema 快速搭建带校验、条件逻辑、级联选择、动态计算和远程数据的业务表单的前端或全栈开发者，也适合排查 schema 配置问题或扩展自定义控件。
【限制与注意事项】 该技能强调生成可运行的 TypeScript 实现，并明确不编造 schema 不支持的属性；常见模式建议保持 name 稳定（作为载荷键与表达式引用）、用 layout 组织字段、优先用 choiceBasedField 和 minMaxRange 处理依赖关系，并在最终校验时使用 buttonType: 'submit'。实现检查清单要求确认字段 name/id 唯一、layout 引用有效 propertyId、控件与字段类型匹配、条件引用与运算符合法、表达式使用 {name} 语法、自定义校验赋值正确、需要提交时包含提交按钮。具体的函数签名、完整运算符表与组件支持矩阵等细节需阅读对应参考文档，本文暂未提供。