feat(tableNode): remove useless pl-0

Author: eric8810

src/components/TableNode/TableNode.vue

@@ -1,76 +1,79 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import NodeRenderer from '../NodeRenderer'
+import { computed } from "vue";
+import NodeRenderer from "../NodeRenderer";
 
 // 定义单元格节点
 interface TableCellNode {
-  type: 'table_cell'
-  header: boolean
+  type: "table_cell";
+  header: boolean;
   children: {
-    type: string
-    raw: string
-  }[]
-  raw: string
+    type: string;
+    raw: string;
+  }[];
+  raw: string;
 }
 
 // 定义行节点
 interface TableRowNode {
-  type: 'table_row'
-  cells: TableCellNode[]
-  raw: string
+  type: "table_row";
+  cells: TableCellNode[];
+  raw: string;
 }
 
 // 定义表格节点
 interface TableNode {
-  type: 'table'
-  header: TableRowNode
-  rows: TableRowNode[]
-  raw: string
-  loading: boolean
+  type: "table";
+  header: TableRowNode;
+  rows: TableRowNode[];
+  raw: string;
+  loading: boolean;
 }
 
 // 接收props
 const props = defineProps<{
-  node: TableNode
-  indexKey: string | number
-}>()
+  node: TableNode;
+  indexKey: string | number;
+}>();
 
 // 定义事件
-defineEmits(['copy'])
+defineEmits(["copy"]);
 
 // 计算列宽，平均分配。如果需要更复杂的策略，可以在此扩展
-const colCount = computed(() => props.node?.header?.cells?.length ?? 0)
+const colCount = computed(() => props.node?.header?.cells?.length ?? 0);
 const colWidths = computed(() => {
-  const n = colCount.value || 1
-  const base = Math.floor(100 / n)
+  const n = colCount.value || 1;
+  const base = Math.floor(100 / n);
   // 为了保证总和为100%，最后一个列占剩余的百分比
   return Array.from({ length: n }).map((_, i) =>
-    i === n - 1 ? `${100 - base * (n - 1)}%` : `${base}%`,
-  )
-})
+    i === n - 1 ? `${100 - base * (n - 1)}%` : `${base}%`
+  );
+});
 
-const isLoading = computed(() => props.node.loading ?? false)
-const bodyRows = computed(() => props.node.rows ?? [])
+const isLoading = computed(() => props.node.loading ?? false);
+const bodyRows = computed(() => props.node.rows ?? []);
 </script>
 
 <template>
   <div class="table-node-wrapper">
     <table
-      class="table-node table-fixed text-left my-8 text-sm w-full"
+      class="w-full my-8 text-sm text-left table-fixed table-node"
       :class="{ 'table-node--loading': isLoading }"
       :aria-busy="isLoading"
     >
       <colgroup>
-        <col v-for="(w, i) in colWidths" :key="`col-${i}`" :style="{ width: w }">
+        <col
+          v-for="(w, i) in colWidths"
+          :key="`col-${i}`"
+          :style="{ width: w }"
+        />
       </colgroup>
       <thead class="border-[var(--table-border,#cbd5e1)]">
         <tr class="border-b">
           <th
             v-for="(cell, index) in node.header.cells"
             :key="`header-${index}`"
             dir="auto"
-            class="text-left font-semibold  dark:text-white truncate p-[calc(4/7*1em)]"
-            :class="[index === 0 ? '!pl-0' : '']"
+            class="text-left font-semibold dark:text-white truncate p-[calc(4/7*1em)]"
           >
             <NodeRenderer
               :nodes="cell.children"
@@ -85,11 +88,7 @@ const bodyRows = computed(() => props.node.rows ?? [])
           v-for="(row, rowIndex) in bodyRows"
           :key="`row-${rowIndex}`"
           class="border-[var(--table-border,#cbd5e1)]"
-          :class="[
-            rowIndex < bodyRows.length - 1
-              ? 'border-b'
-              : '',
-          ]"
+          :class="[rowIndex < bodyRows.length - 1 ? 'border-b' : '']"
         >
           <td
             v-for="(cell, cellIndex) in row.cells"
@@ -138,7 +137,7 @@ const bodyRows = computed(() => props.node.rows ?? [])
 }
 
 .table-node--loading tbody td::after {
-  content: '';
+  content: "";
   position: absolute;
   inset: 0;
   border-radius: 0.25rem;