v-nuxt-ui 0.1.0

package/dist/runtime/components/table/Page.vue

@@ -0,0 +1,130 @@
+<script setup>
+import { useProTableView } from "#v/composables/table/useTableView";
+import TableHeader from "#v/components/table/header/index.vue";
+import TableQueryWhere from "#v/components/table/query/where/index.vue";
+import TablePagination from "#v/components/table/Pagination.vue";
+import ScrollArea from "#v/components/ScrollArea.vue";
+const props = defineProps({
+  name: { type: String, required: true },
+  cnName: { type: String, required: true },
+  disableCreation: { type: Boolean, required: false },
+  disableRefresh: { type: Boolean, required: false },
+  disableBatchDeletion: { type: Boolean, required: false },
+  disableSettings: { type: Boolean, required: false },
+  disablePagination: { type: Boolean, required: false },
+  disableFetchOnMounted: { type: Boolean, required: false },
+  useApiGroup: { type: Function, required: false },
+  apiListFn: { type: Function, required: false },
+  fetchAll: { type: Boolean, required: false },
+  onEditRowFromModal: { type: Function, required: false },
+  singleColumn: { type: Boolean, required: false, default: false },
+  hideLastRowBorder: { type: Boolean, required: false },
+  singleRow: { type: Boolean, required: false, default: true },
+  exportExcel: { type: Object, required: false },
+  extraButtons: { type: Array, required: false },
+  onNew: { type: Function, required: false },
+  disableWhereQuery: { type: Boolean, required: false },
+  whereQueryOpen: { type: Boolean, required: false },
+  onUpdateWhereQueryOpen: { type: Function, required: false },
+  extraWhereQueryOptions: { type: Array, required: false },
+  extraWhereQueryInitValues: { type: Object, required: false },
+  disableOrderQuery: { type: Boolean, required: false },
+  extraOrderQueryOptions: { type: Array, required: false },
+  bizColumns: { type: Array, required: true },
+  extraRowActions: { type: Array, required: false },
+  treeifyColName: { type: null, required: false },
+  commonColumnProps: { type: Object, required: false },
+  rowKey: { type: null, required: false },
+  disableRowActions: { type: Boolean, required: false },
+  disableRowUpdate: { type: Boolean, required: false },
+  disableRowCopy: { type: Boolean, required: false },
+  disableRowDeletion: { type: Boolean, required: false },
+  disableRowSelection: { type: Boolean, required: false },
+  expandable: { type: Boolean, required: false },
+  expandVNode: { type: Function, required: false },
+  rowSpanColumns: { type: Array, required: false },
+  customRowCopyFn: { type: Function, required: false }
+});
+const {
+  // data
+  data,
+  createRow,
+  updateRow,
+  deleteRow,
+  stats,
+  // crud
+  fetchList,
+  // row selection
+  rowSelection,
+  onUpdateRowSelection,
+  // props
+  tblProps,
+  tblWhereQueryProps,
+  tblHeaderProps,
+  tblPaginationProps,
+  // others
+  tblContextMenuItems,
+  // view
+  tableWidth,
+  updateTableWidth,
+  tblClasses,
+  tblUi
+} = useProTableView(props);
+defineExpose({ createRow, updateRow, deleteRow, refresh: fetchList, stats, data });
+</script>
+
+<template>
+  <UDashboardPanel :id="name" :ui="{ body: 'p-0!' }">
+    <template #header>
+      <UDashboardNavbar :title="cnName" class="px-2.5!">
+        <template #leading>
+          <UDashboardSidebarCollapse />
+        </template>
+
+        <template #right>
+          <TableHeader v-bind="tblHeaderProps" />
+        </template>
+      </UDashboardNavbar>
+    </template>
+
+    <template #body>
+      <div ref="table" class="flex flex-col h-full">
+        <UCollapsible :open="tblHeaderProps.whereQueryProps.whereQueryOpen">
+          <template #content>
+            <TableQueryWhere ref="proTableQueryWhere" v-bind="tblWhereQueryProps" class="border-b border-default" />
+          </template>
+        </UCollapsible>
+
+        <!-- table -->
+        <UContextMenu :items="tblContextMenuItems">
+          <ScrollArea class="flex-1">
+            <UTable
+              v-bind="tblProps"
+              :row-selection="rowSelection"
+              :class="tblClasses"
+              :ui="tblUi"
+              @resize="updateTableWidth"
+              @update:row-selection="onUpdateRowSelection"
+            >
+              <template v-if="expandable" #expanded="{ row }">
+                <div
+                  class="px-1 py-3 sticky inset-4 overflow-hidden"
+                  :style="{
+  width: `${tableWidth - 38}px`
+}"
+                >
+                  <KeepAlive>
+                    <component :is="expandVNode?.(row.original)" :key="row.original[rowKey]" role="expand-row" />
+                  </KeepAlive>
+                </div>
+              </template>
+            </UTable>
+          </ScrollArea>
+        </UContextMenu>
+
+        <!-- pagination -->
+        <TablePagination v-bind="tblPaginationProps" />
+      </div>
+    </template>
+  </UDashboardPanel>
+</template>

package/dist/runtime/components/table/Page.vue.d.ts

@@ -0,0 +1,26 @@
+import type { VTableProps } from '#v/types';
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<VTableProps<T>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
+        createRow: (model: T) => number;
+        updateRow: (model: T) => void;
+        deleteRow: (model: T) => void;
+        refresh: (fromStart?: boolean) => Promise<void>;
+        stats: import("vue").Ref<import("#v/types").StatsItem[][], import("#v/types").StatsItem[][]>;
+        data: import("vue").Ref<T[], T[]>;
+    }>) => void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/table/Pagination.d.vue.ts

@@ -0,0 +1,19 @@
+import type { TablePaginationProps } from '#v/types';
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<TablePaginationProps<T>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/table/Pagination.vue

@@ -0,0 +1,51 @@
+<script setup>
+import { useApp } from "#v/composables/useApp";
+defineProps({
+  data: { type: Array, required: true },
+  selectedIds: { type: Array, required: false },
+  pageNum: { type: Number, required: true },
+  pageSize: { type: Number, required: true },
+  total: { type: Number, required: true },
+  onUpdatePage: { type: Function, required: true },
+  pageSizeDropdownMenuItems: { type: Array, required: true },
+  hidePagination: { type: Boolean, required: false },
+  fetching: { type: Boolean, required: false },
+  size: { type: null, required: false, default: "sm" }
+});
+const isMobile = useApp().isMobile;
+</script>
+
+<template>
+  <div class="flex items-center justify-between gap-3 h-(--ui-footer-height) border-t border-default p-3">
+    <div v-if="!isMobile" class="text-sm text-muted truncate">
+      {{ selectedIds?.length ?? 0 }} of
+      {{ data.length }} 行已选择
+    </div>
+
+    <div v-if="!hidePagination" class="flex items-center gap-1 ml-auto">
+      <div v-if="!isMobile" class="text-sm text-muted truncate mr-3">
+        共 {{ total }} 条
+      </div>
+      <UPagination
+        :page="pageNum"
+        :items-per-page="pageSize"
+        :total="total"
+        :size="size"
+        variant="outline"
+        active-variant="subtle"
+        :disabled="fetching"
+        :sibling-count="isMobile ? 1 : 2"
+        @update:page="onUpdatePage"
+      />
+      <UDropdownMenu :disabled="fetching" :items="pageSizeDropdownMenuItems">
+        <UButton
+          :label="`${pageSize} / \u9875`"
+          color="neutral"
+          variant="outline"
+          trailing-icon="i-lucide-chevron-down"
+          :size="size"
+        />
+      </UDropdownMenu>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/table/Pagination.vue.d.ts

@@ -0,0 +1,19 @@
+import type { TablePaginationProps } from '#v/types';
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<TablePaginationProps<T>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/table/TooltipCell.d.vue.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    value: string | null | undefined;
+    tooltipText: string | null | undefined;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/TooltipCell.vue

@@ -0,0 +1,23 @@
+<script setup>
+defineProps({
+  value: { type: null, required: true },
+  tooltipText: { type: null, required: true }
+});
+</script>
+
+<template>
+  <div class="flex items-center">
+    <div>
+      {{ value }}
+    </div>
+    <UTooltip :text="tooltipText ?? ''" :content="{ side: 'top' }">
+      <UButton
+        icon="i-lucide-circle-question-mark"
+        color="neutral"
+        size="xs"
+        variant="link"
+        class="cursor-default"
+      />
+    </UTooltip>
+  </div>
+</template>

package/dist/runtime/components/table/TooltipCell.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    value: string | null | undefined;
+    tooltipText: string | null | undefined;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/column/ActionHeader.d.vue.ts

@@ -0,0 +1,21 @@
+import type { OrderQueryOpr } from '#v/types';
+import type { ColumnPinningPosition } from '@tanstack/table-core';
+type __VLS_Props = {
+    label: string;
+    accessorKey: string;
+    fetchList: () => Promise<void>;
+    disabled?: boolean;
+    enableOrder?: boolean;
+    isOrdered?: boolean;
+    orderOpr?: OrderQueryOpr;
+    orderIndex?: number;
+    onUpdateOrderOpr: (opr: OrderQueryOpr) => void;
+    isPinned: ColumnPinningPosition;
+    onUpdatePinned: (position: 'left' | 'right' | 'unfixed') => void;
+    enableFilter?: boolean;
+    onFilterClick?: (field: string) => void;
+    onHideColumn?: (accessorKey: string) => void;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/column/ActionHeader.vue

@@ -0,0 +1,155 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  label: { type: String, required: true },
+  accessorKey: { type: String, required: true },
+  fetchList: { type: Function, required: true },
+  disabled: { type: Boolean, required: false },
+  enableOrder: { type: Boolean, required: false },
+  isOrdered: { type: Boolean, required: false },
+  orderOpr: { type: [String, null], required: false },
+  orderIndex: { type: Number, required: false },
+  onUpdateOrderOpr: { type: Function, required: true },
+  isPinned: { type: [Boolean, String], required: true },
+  onUpdatePinned: { type: Function, required: true },
+  enableFilter: { type: Boolean, required: false },
+  onFilterClick: { type: Function, required: false },
+  onHideColumn: { type: Function, required: false }
+});
+const isOrderedAsc = computed(() => props.isOrdered && props.orderOpr === "asc");
+const isOrderedDesc = computed(() => props.isOrdered && props.orderOpr === "desc");
+const onClickAsc = async () => {
+  props.onUpdateOrderOpr(isOrderedAsc.value ? null : "asc");
+  await props.fetchList();
+};
+const onClickDesc = async () => {
+  props.onUpdateOrderOpr(isOrderedDesc.value ? null : "desc");
+  await props.fetchList();
+};
+const dropdownItems = computed(() => {
+  const groups = [];
+  if (props.enableFilter) {
+    groups.push({
+      label: "\u7B5B\u9009",
+      icon: "i-lucide-list-filter",
+      onSelect: () => props.onFilterClick?.(props.accessorKey)
+    });
+  }
+  groups.push({
+    label: "\u9690\u85CF\u5217",
+    icon: "i-lucide-eye-off",
+    onSelect: () => props.onHideColumn?.(props.accessorKey)
+  });
+  groups.push({
+    label: "\u56FA\u5B9A\u5217",
+    icon: "i-lucide-pin",
+    children: [
+      {
+        label: "\u56FA\u5B9A\u5728\u5DE6\u4FA7",
+        icon: "i-lucide-panel-left",
+        type: "checkbox",
+        checked: props.isPinned === "left",
+        onSelect: () => props.onUpdatePinned(props.isPinned === "left" ? "unfixed" : "left")
+      },
+      {
+        label: "\u56FA\u5B9A\u5728\u53F3\u4FA7",
+        icon: "i-lucide-panel-right",
+        type: "checkbox",
+        checked: props.isPinned === "right",
+        onSelect: () => props.onUpdatePinned(props.isPinned === "right" ? "unfixed" : "right")
+      }
+    ]
+  });
+  if (props.enableOrder) {
+    const isAsc = isOrderedAsc.value;
+    const isDesc = isOrderedDesc.value;
+    groups.push({
+      label: "\u6392\u5E8F",
+      icon: "i-lucide-arrow-up-down",
+      children: [
+        {
+          label: "\u5347\u5E8F",
+          icon: "i-lucide-arrow-up",
+          type: "checkbox",
+          checked: isAsc,
+          onSelect: async () => {
+            props.onUpdateOrderOpr(isAsc ? null : "asc");
+            await props.fetchList();
+          }
+        },
+        {
+          label: "\u964D\u5E8F",
+          icon: "i-lucide-arrow-down",
+          type: "checkbox",
+          checked: isDesc,
+          onSelect: async () => {
+            props.onUpdateOrderOpr(isDesc ? null : "desc");
+            await props.fetchList();
+          }
+        }
+      ]
+    });
+  }
+  return groups;
+});
+</script>
+
+<template>
+  <div class="flex">
+    <UDropdownMenu
+      :items="dropdownItems"
+      :content="{ align: 'start', side: 'bottom' }"
+    >
+      <UButton
+        :label="label"
+        :color="isOrdered ? 'primary' : 'neutral'"
+        :variant="isOrdered ? 'soft' : 'ghost'"
+        :disabled="disabled"
+        :icon="isPinned ? 'i-lucide-pin' : void 0"
+        class="px-4 font-bold rounded-none h-(--ui-table-header-height) w-full"
+        :ui="{
+  leadingIcon: 'text-neutral-400 size-4',
+  trailingIcon: 'size-3 text-dimmed'
+}"
+      />
+    </UDropdownMenu>
+    <div v-if="isOrdered" class="flex flex-col">
+      <UChip
+        size="xl"
+        :text="orderIndex"
+        inset
+        :show="isOrderedAsc && orderIndex !== void 0"
+      >
+        <UButton
+          :color="isOrdered ? 'primary' : 'neutral'"
+          :variant="isOrdered ? 'soft' : 'ghost'"
+          :disabled="disabled"
+          trailing-icon="i-lucide-arrow-up-narrow-wide"
+          class="px-2 font-bold rounded-none w-full h-[calc(var(--ui-table-header-height)/2)]"
+          :ui="{
+  trailingIcon: `${!isOrderedAsc ? 'text-neutral-300 dark:text-neutral-500' : ''} size-4 transition-all`
+}"
+          @click="onClickAsc"
+        />
+      </UChip>
+      <UChip
+        size="xl"
+        :text="orderIndex"
+        inset
+        :show="isOrderedDesc && orderIndex !== void 0"
+      >
+        <UButton
+          :color="isOrdered ? 'primary' : 'neutral'"
+          :variant="isOrdered ? 'soft' : 'ghost'"
+          :disabled="disabled"
+          trailing-icon="i-lucide-arrow-down-wide-narrow"
+          class="px-2 font-bold rounded-none w-full h-[calc(var(--ui-table-header-height)/2)]"
+          :ui="{
+  trailingIcon: `${!isOrderedDesc ? 'text-neutral-300 dark:text-neutral-500' : ''} size-4 transition-all`
+}"
+          @click="onClickDesc"
+        />
+      </UChip>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/table/column/ActionHeader.vue.d.ts

@@ -0,0 +1,21 @@
+import type { OrderQueryOpr } from '#v/types';
+import type { ColumnPinningPosition } from '@tanstack/table-core';
+type __VLS_Props = {
+    label: string;
+    accessorKey: string;
+    fetchList: () => Promise<void>;
+    disabled?: boolean;
+    enableOrder?: boolean;
+    isOrdered?: boolean;
+    orderOpr?: OrderQueryOpr;
+    orderIndex?: number;
+    onUpdateOrderOpr: (opr: OrderQueryOpr) => void;
+    isPinned: ColumnPinningPosition;
+    onUpdatePinned: (position: 'left' | 'right' | 'unfixed') => void;
+    enableFilter?: boolean;
+    onFilterClick?: (field: string) => void;
+    onHideColumn?: (accessorKey: string) => void;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/expansion/Field.d.vue.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    label: string;
+    value?: string | null | undefined;
+    desc?: string;
+};
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/table/expansion/Field.vue

@@ -0,0 +1,33 @@
+<script setup>
+import { isEmptyString } from "#v/utils";
+defineProps({
+  label: { type: String, required: true },
+  value: { type: null, required: false },
+  desc: { type: String, required: false }
+});
+</script>
+
+<template>
+  <div class="flex flex-col gap-1">
+    <!-- label and tooltip -->
+    <div class="flex items-center gap-0.5">
+      <h2 class="text-sm font-medium text-highlighted">
+        {{ label }}
+      </h2>
+      <UTooltip
+        v-if="desc"
+        :text="desc"
+        :content="{ side: 'top' }"
+        :ui="{ text: 'whitespace-pre-line', content: 'h-fit' }"
+      >
+        <UIcon name="i-lucide-circle-question-mark" />
+      </UTooltip>
+    </div>
+    <!-- value: 可通过具名 slot "value" 自定义渲染，未提供时回退到 props.value -->
+    <div class="text-sm text-muted h-full whitespace-pre-wrap">
+      <slot>
+        {{ isEmptyString(value) ? "/" : value }}
+      </slot>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/table/expansion/Field.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    label: string;
+    value?: string | null | undefined;
+    desc?: string;
+};
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/table/expansion/Layout.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/table/expansion/Layout.vue

@@ -0,0 +1,8 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3">
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/table/expansion/Layout.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/table/header/index.d.vue.ts

@@ -0,0 +1,19 @@
+import type { TableHeaderProps } from '#v/types';
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<TableHeaderProps<T>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};