+
+ {
+ datasourceChanged(value);
+ }
+ "
+ >
+
+
+ {
+ catalogChanged(valueReactive.datasource, value);
+ }
+ "
+ >
+
+
+ {
+ schemaChanged(valueReactive.datasource, valueReactive.catalog, value);
+ }
+ "
+ >
+
+
+ {
+ if (value) {
+ if (value.length > 1) {
+ valueReactive.sql = 'select * from ${table}';
+ } else {
+ valueReactive.sql = 'select * from ' + value;
+ }
+ }
+ }
+ "
+ >
+
+ {
+ const selecteds = [];
+ if (tablesOptionsRef) {
+ for (const table of tablesOptionsRef) {
+ selecteds.push(table.value);
+ }
+ }
+ valueReactive.tables = selecteds;
+ }
+ "
+ />
+ {
+ valueReactive.tables = [];
+ }
+ "
+ />
+
+
+
+