column list in database widget

packages/web/src/appobj/SubColumnParamList.js

@@ -0,0 +1,33 @@
+import { findForeignKeyForColumn } from 'dbgate-tools';
+import React from 'react';
+import { getColumnIcon } from '../datagrid/ColumnLabel';
+import { AppObjectCore } from './AppObjectCore';
+import { AppObjectList } from './AppObjectList';
+
+function ColumnAppObject({ data, commonProps }) {
+  const { columnName, dataType } = data;
+  return (
+    <AppObjectCore
+      {...commonProps}
+      data={data}
+      title={columnName}
+      extInfo={dataType}
+      icon={getColumnIcon(data, true)}
+    />
+  );
+}
+ColumnAppObject.extractKey = ({ columnName }) => columnName;
+
+export default function SubColumnParamList({ data }) {
+  const { columns } = data;
+
+  return (
+    <AppObjectList
+      list={(columns || []).map(col => ({
+        ...col,
+        foreignKey: findForeignKeyForColumn(data, col),
+      }))}
+      AppObjectComponent={ColumnAppObject}
+    />
+  );
+}