foggy-data-viewer 1.0.1-beta.0

package/src/utils/schemaHelper.ts

@@ -0,0 +1,44 @@
+import type { ColumnSchema, EnhancedColumnSchema, TableConfig } from '@/types'
+
+/**
+ * 构建表格列配置
+ *
+ * @param qmSchema - 从后台获取的 QM schema
+ * @param config - 表格配置（如果 visibleColumns 为空或未指定，默认显示所有列）
+ * @returns 增强的列配置数组
+ */
+export function buildTableColumns(
+  qmSchema: ColumnSchema[],
+  config: TableConfig
+): EnhancedColumnSchema[] {
+  const schemaMap = new Map(qmSchema.map(s => [s.name, s]))
+  const customMap = new Map(config.customizations?.map(c => [c.name, c]) || [])
+
+  // 确定要显示的列及顺序
+  // 如果 visibleColumns 为空数组或未定义，且 showAll 未设置，则默认显示所有列
+  const shouldShowAll = config.showAll || !config.visibleColumns || config.visibleColumns.length === 0
+  const columnNames = shouldShowAll
+    ? qmSchema.map(s => s.name)
+    : config.visibleColumns
+
+  return columnNames
+    .map(name => {
+      const schema = schemaMap.get(name)
+      if (!schema) {
+        console.warn(`Column "${name}" not found in QM schema`)
+        return null
+      }
+
+      const custom = customMap.get(name)
+      return {
+        ...schema,
+        width: custom?.width,
+        minWidth: custom?.minWidth ?? 120,
+        fixed: custom?.fixed,
+        customRender: custom?.render,
+        customFilterComponent: custom?.filterComponent,
+        customFormatter: custom?.formatter
+      }
+    })
+    .filter((col): col is EnhancedColumnSchema => col !== null)
+}

package/src/vite-env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}