niuma-ui 1.0.0

package/src/components/RsTableColgroup.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts" generic="T extends object = Record<string, unknown>">
+import type { RsTableColumn } from './table-utils'
+
+defineProps<{
+  columns: RsTableColumn<T>[]
+}>()
+</script>
+
+<template>
+  <colgroup>
+    <col
+      v-for="column in columns"
+      :key="column.key"
+      :style="{ width: typeof column.width === 'number' ? `${column.width}px` : column.width }"
+    >
+  </colgroup>
+</template>

package/src/components/RsTableHeaderRow.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts" generic="T extends import('./table-utils').RsTableRowData = Record<string, unknown>">
+import type { RsTableColumn } from './table-utils'
+
+defineProps<{
+  columns: RsTableColumn<T>[]
+}>()
+</script>
+
+<template>
+  <tr>
+    <th
+      v-for="column in columns"
+      :key="column.key"
+      scope="col"
+      class="rs-table-header-row__cell"
+      :style="{ width: typeof column.width === 'number' ? `${column.width}px` : column.width }"
+    >      <slot :name="column.key" :column="column">{{ column.title }}</slot>
+    </th>
+  </tr>
+</template>
+
+<style scoped>
+.rs-table-header-row__cell {
+  padding: var(--rs-space-sm) var(--rs-space-md);
+  color: var(--rs-muted);
+  font-size: var(--rs-font-size-sm);
+  font-weight: 600;
+  text-align: left;
+}
+</style>