query design columns

packages/web/src/designer/ColumnLine.svelte

@@ -16,6 +16,7 @@
   export let targetDragColumn$;
   export let onCreateReference;
   export let onAddReferenceByColumn;
+  export let onSelectColumn;
 
   $: designerColumn = (designer.columns || []).find(
     x => x.designerId == designerId && x.columnName == column.columnName
@@ -84,13 +85,18 @@
   class:isDragTarget={$targetDragColumn$ &&
     $targetDragColumn$.designerId == designerId &&
     $targetDragColumn$.columnName == column.columnName}
+  on:mousedown={e =>
+    onSelectColumn({
+      ...column,
+      designerId,
+    })}
   use:contextMenu={createMenu}
 >
   <CheckboxField
     checked={!!(designer.columns || []).find(
       x => x.designerId == designerId && x.columnName == column.columnName && x.isOutput
     )}
-    onChange={e => {
+    on:change={e => {
       if (e.target.checked) {
         onChangeColumn(
           {

packages/web/src/designer/DesignerTable.svelte

@@ -28,7 +28,7 @@
   export let targetDragColumn$;
 
   export let domCanvas;
-  export let domTablesRef;
+  // export let domTablesRef;
   export let designer;
   export let onMoveReferences;
 
@@ -104,6 +104,7 @@
   class="wrapper"
   style={`left: ${movingPosition ? movingPosition.left : left}px; top:${movingPosition ? movingPosition.top : top}px`}
   bind:this={domWrapper}
+  on:mousedown={() => onBringToFront(table)}
 >
   <div
     class="header"
@@ -125,6 +126,7 @@
         {designer}
         {designerId}
         {onChangeColumn}
+        {onSelectColumn}
         {sourceDragColumn$}
         {targetDragColumn$}
         {onCreateReference}