DatasetParamSchemaEditor 数据集参数编辑器
数据集查询参数的 schema 编辑器。支持 TABLE 和 SQL 两种模式,为每个参数配置名称、数据类型、默认值、必填状态和说明。
基本用法
vue
<template>
<DatasetParamSchemaEditor
v-model="params"
dataset-type="TABLE"
:connection-id="connectionId"
:table-name="tableName"
/>
</template>
<script setup>
import { DatasetParamSchemaEditor } from '@/components/data/DatasetParamSchemaEditor.vue'
import { ref } from 'vue'
const params = ref([])
const connectionId = ref(1)
const tableName = ref('sys_user')
</script>Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
modelValue | Array | [] | 参数对象数组,支持 v-model |
datasetType | String | 'TABLE' | 数据集类型,'TABLE' 改变 UI 行为 |
connectionId | Number | String | null | TABLE 模式下的数据连接 ID |
tableName | String | '' | TABLE 模式下的数据表名 |
sqlText | String | '' | SQL 模式下的 SQL 文本,用于识别 :paramName |
readonly | Boolean | false | 只读模式 |
Events
| 事件名 | 参数 | 说明 |
|---|---|---|
update:modelValue | Array | 参数变更(输出行已剥离 __key) |
两种模式
| 模式 | 参数来源 | 匹配方式 |
|---|---|---|
| TABLE | 表字段下拉选择 | =、!=、>、>=、<、<=、LIKE |
| SQL | SQL 中 :paramName 占位符 | 「从 SQL 识别」按钮自动提取 |
参数配置项
| 配置项 | 可选值 | 说明 |
|---|---|---|
| 数据类型 | STRING / NUMBER / DATE / DATETIME / BOOLEAN | 参数类型 |
| 默认值 | 任意文本 | 不传时的 fallback 值 |
| 必填 | Boolean | 是否为必填参数 |
| 匹配方式 | =、!=、>、>=、<、<=、LIKE | 仅 TABLE 模式支持 |
