📝: 更新日志

package/component/src/component/slider/Standard.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 export default {
-  name: "StandardVue"
-}
+  name: "StandardVue",
+};
 </script>
 
 <script setup lang="ts">

package/component/src/component/slider/StandardRange.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 export default {
-  name: "StandardRange"
-}
+  name: "StandardRange",
+};
 </script>
 
 <script setup lang="ts">

package/component/src/component/slider/Vertical.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 export default {
-  name: "Vertical"
-}
+  name: "Vertical",
+};
 </script>
 
 <script setup lang="ts">

package/component/src/component/slider/VerticalRange.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 export default {
-  name: "VerticalRange"
-}
+  name: "VerticalRange",
+};
 </script>
 
 <script setup lang="ts">

package/component/src/component/table/Column.vue

@@ -0,0 +1,38 @@
+<template>
+  <th
+    v-if="tableColumnKeys.includes(column.key)"
+    class="layui-table-cell"
+    :style="{
+      textAlign: column.align,
+      flex: column.width ? '0 0 ' + column.width : '1',
+    }"
+  >
+    <span>
+      <template v-if="column.titleSlot">
+        <slot :name="column.titleSlot"></slot>
+      </template>
+      <template v-else>
+        {{ column.title }}
+      </template>
+    </span>
+    <!-- 插槽 -->
+    <slot></slot> 
+  </th>
+</template>
+
+<script lang="ts">
+export default {
+  name: "Column",
+};
+</script>
+
+<script lang="ts" setup>
+
+export interface LayTableProps {
+  column?: any;
+  tableColumnKeys?: any;
+}
+
+const props = withDefaults(defineProps<LayTableProps>(), {
+});
+</script>

package/component/src/component/table/index.vue

@@ -5,6 +5,7 @@ export default {
 </script>
 
 <script setup lang="ts">
+import Column from "./Column.vue";
 import { ref, watch, useSlots, withDefaults, onMounted } from "vue";
 import { v4 as uuidv4 } from "../../utils/guidUtil";
 import { Recordable } from "../../types";
@@ -56,6 +57,19 @@ const tableColumnKeys = ref(
   })
 );
 
+const tableColumns1 = [];
+
+
+/**
+ * 复杂表头 
+ * 
+ * 思路：将 Column 处理为多级别 tr。
+ */
+tableColumns.value.forEach((tableColumn) => {
+  
+})
+
+
 watch(
   () => props.dataSource,
   () => {
@@ -268,27 +282,12 @@ onMounted(() => {
                     />
                   </div>
                 </th>
-                <template v-for="column in columns" :key="column">
-                  <th
-                    class="layui-table-cell"
-                    :style="{
-                      textAlign: column.align,
-                      flex: column.width ? '0 0 ' + column.width : '1',
-                    }"
-                    v-if="tableColumnKeys.includes(column.key)"
-                  >
-                    <span>
-                      <template v-if="column.titleSlot">
-                        <slot :name="column.titleSlot"></slot>
-                      </template>
-                      <template v-else>
-                        {{ column.title }}
-                      </template>
-                    </span>
+                <template v-for="column in columns" :key="column">  
+                  <column :tableColumnKeys="tableColumnKeys" :column="column">
                     <span
                       v-if="column.sort"
                       class="layui-table-sort layui-inline"
-                      lay-sort=""
+                      lay-sort
                     >
                       <i
                         @click.stop="sortTable($event, column.key, 'asc')"
@@ -301,7 +300,7 @@ onMounted(() => {
                         title="降序"
                       ></i>
                     </span>
-                  </th>
+                  </column>
                 </template>
               </tr>
             </thead>