{
if (!settings?.allowCreateRefByDrag) return;
const dragData = {
...column,
designerId,
};
sourceDragColumn$.set(dragData);
e.dataTransfer.setData('designer_column_drag_data', JSON.stringify(dragData));
}}
on:dragend={e => {
sourceDragColumn$.set(null);
targetDragColumn$.set(null);
}}
on:dragover={e => {
if ($sourceDragColumn$) {
e.preventDefault();
targetDragColumn$.set({
...column,
designerId,
});
}
}}
on:drop={e => {
var data = e.dataTransfer.getData('designer_column_drag_data');
e.preventDefault();
if (!data) return;
onCreateReference($sourceDragColumn$, $targetDragColumn$);
sourceDragColumn$.set(null);
targetDragColumn$.set(null);
}}
class:isDragSource={$sourceDragColumn$ &&
$sourceDragColumn$.designerId == designerId &&
$sourceDragColumn$.columnName == column.columnName}
class:isDragTarget={$targetDragColumn$ &&
$targetDragColumn$.designerId == designerId &&
$targetDragColumn$.columnName == column.columnName}
on:mousedown={e =>
onSelectColumn({
...column,
designerId,
})}
use:contextMenu={settings?.canSelectColumns ? createMenu : '__no_menu'}
>
{#if settings?.allowColumnOperations}
x.designerId == designerId && x.columnName == column.columnName && x.isOutput
)}
on:change={e => {
if (settings?.setColumnChecked) {
settings?.setColumnChecked(designerId, column.columnName, e.target.checked);
} else {
if (e.target.checked) {
onChangeColumn(
{
...column,
designerId,
},
col => ({ ...col, isOutput: true })
);
} else {
onChangeColumn(
{
...column,
designerId,
},
col => ({ ...col, isOutput: false })
);
}
}
}}
/>
{/if}
{#if designerColumn?.filter}
{/if}
{#if designerColumn?.sortOrder > 0}
{/if}
{#if designerColumn?.sortOrder < 0}
{/if}
{#if designerColumn?.isGrouped}
{/if}
{#if sortOrderProps}
{/if}
{#if settings?.isColumnFiltered && settings?.isColumnFiltered(designerId, column.columnName)}
{/if}
{#if designer?.style?.showNullability || designer?.style?.showDataType}
{#if designer?.style?.showDataType && column?.dataType}
{column?.dataType.toLowerCase()}
{/if}
{#if designer?.style?.showNullability}
{column?.notNull ? 'NOT NULL' : 'NULL'}
{/if}
{/if}
{#if foreignKey && settings?.addDesignerForeignKey && settings?.canAddDesignerForeignKey && settings?.canAddDesignerForeignKey(designerId, column.columnName)}
settings?.addDesignerForeignKey(designerId, column.columnName)}>
{/if}