feat: mock data for topic panel on product detail

@@ -452,11 +452,6 @@ export const topicTableColumn: BasicColumn[] = [
     width: 100,
     width: 100,
   },
   },
   {
   {
-    title: '操作权限',
-    dataIndex: 'access',
-    width: 100,
-  },
-  {
     title: '描述',
     title: '描述',
     dataIndex: 'description',
     dataIndex: 'description',
     width: 100,
     width: 100,

 <script lang="ts" setup>
 <script lang="ts" setup>
   import { topicTableColumn } from '../device.profile.data';
   import { topicTableColumn } from '../device.profile.data';
   import { BasicTable, useTable } from '/@/components/Table';
   import { BasicTable, useTable } from '/@/components/Table';
+  import { buildUUID } from '/@/utils/uuid';
+
+  const list = [
+    { function: '遥测主题', class: 'v1/devices/me/telemetry' },
+    { function: '属性主题', class: 'v1/devices/me/attributes' },
+    { function: '设备上报事件主题', class: 'v1/devices/me/attributes' },
+    { function: '服务控制设备(RPC)主题', class: 'v1/devices/me/attributes' },
+  ];
+
+  const dataSource = Array.from({ length: 10 }, (_, index) => {
+    const record = list[index % 4];
+    return {
+      id: buildUUID(),
+      ...record,
+      description: record.function,
+    };
+  });
+
   const [register] = useTable({
   const [register] = useTable({
     title: 'Topic',
     title: 'Topic',
+    showIndexColumn: false,
+    dataSource,
     columns: topicTableColumn,
     columns: topicTableColumn,
     bordered: true,
     bordered: true,
     showTableSetting: true,
     showTableSetting: true,