@shwfed/nuxt 0.8.0 → 0.8.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

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

@@ -1,5 +1,5 @@
-import type { TableConfig } from './ui/table/schema.js';
-export type { Accessor, Column, Expression, Markdown, Render, TableConfig } from './ui/table/schema.js';
+import type { TableConfigInput } from './ui/table/schema.js';
+export type { Accessor, Column, Expression, Markdown, Render, TableConfig, TableConfigInput } from './ui/table/schema.js';
 export { AccessorC, ColumnC, RenderC, TableConfigC } from './ui/table/schema.js';
 declare module '@tanstack/vue-table' {
     interface ColumnMeta<TData extends import('@tanstack/vue-table').RowData, TValue> {
@@ -12,7 +12,7 @@ declare module '@tanstack/vue-table' {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    config: import("effect").Effect.Effect<TableConfig>;
+    config?: TableConfigInput | import("effect").Effect.Effect<TableConfigInput | undefined>;
     data: Array<unknown>;
     rowCount?: number;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -73,7 +73,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
         paginationPageSizes?: ReadonlyArray<number>;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
-    config: import("effect").Effect.Effect<TableConfig>;
+    config?: TableConfigInput | import("effect").Effect.Effect<TableConfigInput | undefined>;
     data: Array<unknown>;
     rowCount?: number;
 }> & Readonly<{

package/dist/runtime/components/table.vue

@@ -5,7 +5,7 @@ defineOptions({
   inheritAttrs: false
 });
 const props = defineProps({
-  config: { type: null, required: true },
+  config: { type: null, required: false },
   data: { type: Array, required: true },
   rowCount: { type: Number, required: false }
 });

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

@@ -1,5 +1,5 @@
-import type { TableConfig } from './ui/table/schema.js';
-export type { Accessor, Column, Expression, Markdown, Render, TableConfig } from './ui/table/schema.js';
+import type { TableConfigInput } from './ui/table/schema.js';
+export type { Accessor, Column, Expression, Markdown, Render, TableConfig, TableConfigInput } from './ui/table/schema.js';
 export { AccessorC, ColumnC, RenderC, TableConfigC } from './ui/table/schema.js';
 declare module '@tanstack/vue-table' {
     interface ColumnMeta<TData extends import('@tanstack/vue-table').RowData, TValue> {
@@ -12,7 +12,7 @@ declare module '@tanstack/vue-table' {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    config: import("effect").Effect.Effect<TableConfig>;
+    config?: TableConfigInput | import("effect").Effect.Effect<TableConfigInput | undefined>;
     data: Array<unknown>;
     rowCount?: number;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -73,7 +73,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
         paginationPageSizes?: ReadonlyArray<number>;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
-    config: import("effect").Effect.Effect<TableConfig>;
+    config?: TableConfigInput | import("effect").Effect.Effect<TableConfigInput | undefined>;
     data: Array<unknown>;
     rowCount?: number;
 }> & Readonly<{

package/dist/runtime/components/ui/fields/Fields.vue

@@ -213,7 +213,7 @@ watchEffect(() => {
 <template>
   <div
     :class="[
-  'relative p-1 border border-dashed',
+  'relative p-1 -m-1 border border-dashed',
   isCheating ? 'border-(--primary)/20 rounded hover:border-(--primary)/40 transition-colors duration-150 group cursor-pointer' : 'border-transparent'
 ]"
   >

package/dist/runtime/components/ui/table/Table.d.vue.ts

@@ -1,6 +1,6 @@
 import { type CellContext } from '@tanstack/vue-table';
 import { Effect } from 'effect';
-import { type TableConfig } from './schema.js';
+import { type TableConfigInput } from './schema.js';
 export type { Accessor, Column, Expression, Markdown, Render, TableConfig } from './schema.js';
 export { AccessorC, ColumnC, RenderC, TableConfigC } from './schema.js';
 declare module '@tanstack/vue-table' {
@@ -14,7 +14,7 @@ declare module '@tanstack/vue-table' {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    config: Effect.Effect<TableConfig>;
+    config?: TableConfigInput | Effect.Effect<TableConfigInput | undefined>;
     data: Array<unknown>;
     rowCount?: number;
 }, import("@tanstack/table-core").Table<unknown>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -75,7 +75,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
         paginationPageSizes?: ReadonlyArray<number>;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
-    config: Effect.Effect<TableConfig>;
+    config?: TableConfigInput | Effect.Effect<TableConfigInput | undefined>;
     data: Array<unknown>;
     rowCount?: number;
 }> & Readonly<{

package/dist/runtime/components/ui/table/Table.vue

@@ -31,12 +31,19 @@ import { Skeleton } from "../skeleton";
 import TableConfiguratorDialog from "../table-configurator/TableConfiguratorDialog.vue";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip";
 const props = defineProps({
-  config: { type: null, required: true },
+  config: { type: null, required: false },
   data: { type: Array, required: true },
   rowCount: { type: Number, required: false }
 });
 const emit = defineEmits(["update:config"]);
-const resolvedConfig = computedAsync(async () => TableConfigC.parse(await props.config.pipe(Effect.runPromise)));
+function isTableConfigEffect(value) {
+  return typeof value === "object" && value !== null && "pipe" in value && typeof value.pipe === "function";
+}
+async function resolveTableConfig(value) {
+  const nextValue = isTableConfigEffect(value) ? await Effect.runPromise(value) : value;
+  return TableConfigC.parse(nextValue);
+}
+const resolvedConfig = computedAsync(async () => resolveTableConfig(props.config));
 const currentConfig = ref();
 const { t, locale } = useI18n();
 const slots = defineSlots();
@@ -502,7 +509,7 @@ export { AccessorC, ColumnC, RenderC, TableConfigC } from "./schema";
 
 <template>
   <div
-    class="relative flex h-full flex-col"
+    class="relative flex-1 flex flex-col"
   >
     <Button
       v-if="isCheating"
@@ -545,7 +552,10 @@ export { AccessorC, ColumnC, RenderC, TableConfigC } from "./schema";
         >
           <div :style="{ height: `${rowTotalSize}px` }">
             <table class="grid">
-              <thead class="grid sticky top-0 z-10 select-none">
+              <thead
+                v-if="columns.length > 0"
+                class="grid sticky top-0 z-10 select-none"
+              >
                 <tr
                   v-for="group in tableApi.getHeaderGroups()"
                   :key="group.id"
@@ -683,6 +693,7 @@ export { AccessorC, ColumnC, RenderC, TableConfigC } from "./schema";
               </thead>
 
               <tbody
+                v-if="columns.length > 0"
                 class="grid relative"
                 :style="{ height: `${rowTotalSize}px` }"
               >

package/dist/runtime/components/ui/table/Table.vue.d.ts

@@ -1,6 +1,6 @@
 import { type CellContext } from '@tanstack/vue-table';
 import { Effect } from 'effect';
-import { type TableConfig } from './schema.js';
+import { type TableConfigInput } from './schema.js';
 export type { Accessor, Column, Expression, Markdown, Render, TableConfig } from './schema.js';
 export { AccessorC, ColumnC, RenderC, TableConfigC } from './schema.js';
 declare module '@tanstack/vue-table' {
@@ -14,7 +14,7 @@ declare module '@tanstack/vue-table' {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    config: Effect.Effect<TableConfig>;
+    config?: TableConfigInput | Effect.Effect<TableConfigInput | undefined>;
     data: Array<unknown>;
     rowCount?: number;
 }, import("@tanstack/table-core").Table<unknown>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -75,7 +75,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
         paginationPageSizes?: ReadonlyArray<number>;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
-    config: Effect.Effect<TableConfig>;
+    config?: TableConfigInput | Effect.Effect<TableConfigInput | undefined>;
     data: Array<unknown>;
     rowCount?: number;
 }> & Readonly<{

package/dist/runtime/components/ui/table/schema.d.ts

@@ -72,6 +72,18 @@ export type TableConfig = Readonly<{
     paginationRight?: Markdown;
     paginationPageSizes?: ReadonlyArray<number>;
 }>;
+export type TableConfigInput = Readonly<{
+    getRowId?: Expression;
+    getSubRows?: Expression;
+    enableRowSelection?: Expression;
+    enableMultiRowSelection?: Expression;
+    columns?: ReadonlyArray<Column>;
+    cellStyles?: Expression;
+    props?: TableProps;
+    paginationLeft?: Markdown;
+    paginationRight?: Markdown;
+    paginationPageSizes?: ReadonlyArray<number>;
+}>;
 export declare const TableConfigGetRowIdC: z.ZodOptional<z.ZodString>;
 export declare const TableConfigGetSubRowsC: z.ZodOptional<z.ZodString>;
 export declare const TableConfigEnableRowSelectionC: z.ZodOptional<z.ZodString>;
@@ -80,12 +92,12 @@ export declare const TableConfigCellStylesC: z.ZodOptional<z.ZodString>;
 export declare function normalizePaginationPageSizes(value: ReadonlyArray<number> | undefined): Array<number> | undefined;
 export declare function resolvePaginationPageSize(pageSize: number | undefined, paginationPageSizes: ReadonlyArray<number> | undefined): number | undefined;
 export declare const TableConfigPaginationPageSizesC: z.ZodPipe<z.ZodTransform<unknown, unknown>, z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodNumber>>>>;
-export declare const TableConfigC: z.ZodReadonly<z.ZodObject<{
+export declare const TableConfigC: z.ZodPipe<z.ZodTransform<{} | null, unknown>, z.ZodReadonly<z.ZodObject<{
     getRowId: z.ZodOptional<z.ZodString>;
     getSubRows: z.ZodOptional<z.ZodString>;
     enableRowSelection: z.ZodOptional<z.ZodString>;
     enableMultiRowSelection: z.ZodOptional<z.ZodString>;
-    columns: z.ZodReadonly<z.ZodArray<z.ZodType<Readonly<{
+    columns: z.ZodDefault<z.ZodReadonly<z.ZodArray<z.ZodType<Readonly<{
         id?: string;
         title?: LocaleValue;
         accessor?: Accessor;
@@ -109,7 +121,7 @@ export declare const TableConfigC: z.ZodReadonly<z.ZodObject<{
         enablePinning?: boolean;
         columns?: ReadonlyArray<Column>;
         grow?: boolean;
-    }>, unknown>>>>;
+    }>, unknown>>>>>;
     cellStyles: z.ZodOptional<z.ZodString>;
     props: z.ZodOptional<z.ZodObject<{
         initialState: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
@@ -146,6 +158,6 @@ export declare const TableConfigC: z.ZodReadonly<z.ZodObject<{
     paginationLeft: z.ZodOptional<z.ZodString>;
     paginationRight: z.ZodOptional<z.ZodString>;
     paginationPageSizes: z.ZodPipe<z.ZodTransform<unknown, unknown>, z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodNumber>>>>;
-}, z.core.$strip>>;
+}, z.core.$strip>>>;
 export declare function getColumnTechnicalKey(column: Column): string | undefined;
 export {};

package/dist/runtime/components/ui/table/schema.js

@@ -119,18 +119,22 @@ export const TableConfigPaginationPageSizesC = z.preprocess(
   normalizePaginationPageSizesInput,
   z.array(z.number().int().positive()).readonly().optional()
 ).describe("\u53EF\u9009\u6BCF\u9875\u6761\u6570\u5217\u8868\u3002\u4F1A\u81EA\u52A8\u53BB\u91CD\u3001\u8FC7\u6EE4\u975E\u6B63\u6574\u6570\uFF0C\u5E76\u4FDD\u7559\u6700\u7EC8\u987A\u5E8F\u3002");
-export const TableConfigC = z.object({
+const TableConfigObjectC = z.object({
   getRowId: TableConfigGetRowIdC,
   getSubRows: TableConfigGetSubRowsC,
   enableRowSelection: TableConfigEnableRowSelectionC,
   enableMultiRowSelection: TableConfigEnableMultiRowSelectionC,
-  columns: z.array(ColumnC).readonly().describe("\u8868\u683C\u5217\u5B9A\u4E49\u5217\u8868\u3002"),
+  columns: z.array(ColumnC).readonly().default([]).describe("\u8868\u683C\u5217\u5B9A\u4E49\u5217\u8868\u3002"),
   cellStyles: TableConfigCellStylesC,
   props: TablePropsC,
   paginationLeft: z.string().optional().describe("\u5206\u9875\u533A\u57DF\u5DE6\u4FA7\u7684 Markdown \u6587\u6848\u3002"),
   paginationRight: z.string().optional().describe("\u5206\u9875\u533A\u57DF\u53F3\u4FA7\u7684 Markdown \u6587\u6848\u3002"),
   paginationPageSizes: TableConfigPaginationPageSizesC
-}).readonly().describe("\u8868\u683C\u7EC4\u4EF6\u914D\u7F6E\u3002\u7528\u4E8E\u63CF\u8FF0\u5217\u7ED3\u6784\u3001\u4EA4\u4E92\u80FD\u529B\u3001\u5206\u9875\u6587\u6848\u548C\u521D\u59CB\u72B6\u6001\u3002");
+}).readonly();
+export const TableConfigC = z.preprocess(
+  (value) => value === void 0 ? {} : value,
+  TableConfigObjectC
+).describe("\u8868\u683C\u7EC4\u4EF6\u914D\u7F6E\u3002\u7528\u4E8E\u63CF\u8FF0\u5217\u7ED3\u6784\u3001\u4EA4\u4E92\u80FD\u529B\u3001\u5206\u9875\u6587\u6848\u548C\u521D\u59CB\u72B6\u6001\u3002");
 export function getColumnTechnicalKey(column) {
   if (typeof column.accessor === "string") {
     return column.accessor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "",
   "license": "MIT",
   "type": "module",