diagram - move by click on table anywhere

packages/web/src/designer/ColumnLine.svelte

@@ -51,6 +51,7 @@
 
 <div
   class="line"
+  class:canSelectColumns={settings?.canSelectColumns}
   bind:this={domLine}
   draggable={!!settings?.allowCreateRefByDrag}
   on:dragstart={e => {
@@ -95,7 +96,7 @@
       ...column,
       designerId,
     })}
-  use:contextMenu={createMenu}
+  use:contextMenu={settings?.canSelectColumns ? createMenu : '__no_menu'}
 >
   {#if settings?.allowColumnOperations}
     <CheckboxField
@@ -139,13 +140,13 @@
 </div>
 
 <style>
-  .line:hover {
+  :global(.dbgate-screen) .line.canSelectColumns:hover {
     background: var(--theme-bg-1);
   }
-  .line.isDragSource {
+  :global(.dbgate-screen) .line.isDragSource {
     background: var(--theme-bg-gold);
   }
-  .line.isDragTarget {
+  :global(.dbgate-screen) .line.isDragTarget {
     background: var(--theme-bg-gold);
   }
 </style>

packages/web/src/designer/DesignerTable.svelte

@@ -107,16 +107,19 @@
 
 <div
   class="wrapper"
+  class:canSelectColumns={settings?.canSelectColumns}
   style={`left: ${movingPosition ? movingPosition.left : left}px; top:${movingPosition ? movingPosition.top : top}px`}
   bind:this={domWrapper}
   on:mousedown={() => onBringToFront(table)}
+  use:contextMenu={settings?.canSelectColumns ? '__no_menu' : createMenu}
+  use:moveDrag={settings?.canSelectColumns ? null : [handleMoveStart, handleMove, handleMoveEnd]}
 >
   <div
     class="header"
     class:isTable={objectTypeField == 'tables'}
     class:isView={objectTypeField == 'views'}
-    use:moveDrag={[handleMoveStart, handleMove, handleMoveEnd]}
-    use:contextMenu={createMenu}
+    use:moveDrag={settings?.canSelectColumns ? [handleMoveStart, handleMove, handleMoveEnd] : null}
+    use:contextMenu={settings?.canSelectColumns ? createMenu : '__no_menu'}
   >
     <div>{alias || pureName}</div>
     {#if settings?.showTableCloseButton}
@@ -152,15 +155,21 @@
     border: 1px solid var(--theme-border);
   }
 
+  :global(.dbgate-screen) .wrapper:not(.canSelectColumns) {
+    cursor: pointer;
+  }
+
   .header {
     font-weight: bold;
     text-align: center;
     padding: 2px;
     border-bottom: 1px solid var(--theme-border);
-    cursor: pointer;
     display: flex;
     justify-content: space-between;
   }
+  :global(.dbgate-screen) .header {
+    cursor: pointer;
+  }
   .header.isTable {
     background: var(--theme-bg-blue);
   }

packages/web/src/designer/DiagramDesigner.svelte

@@ -16,6 +16,7 @@
     allowAddAllReferences: true,
     canArrange: true,
     canExport: true,
+    canSelectColumns: false,
   }}
   referenceComponent={DiagramDesignerReference}
 />

packages/web/src/designer/QueryDesigner.svelte

@@ -16,6 +16,7 @@
     allowAddAllReferences: false,
     canArrange: false,
     canExport: false,
+    canSelectColumns: true,
   }}
   referenceComponent={QueryDesignerReference}
 />