@shwfed/config 2.2.5 → 2.3.1

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

@@ -22,6 +22,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 import { ExpressionEditor } from "../ui/expression-editor";
 import { Field, FieldLabel } from "../ui/field";
 import { Locale } from "../ui/locale";
+import { Switch } from "../ui/switch";
 import { CommandItem, CommandGroup } from "../ui/command";
 import {
   InputGroup,
@@ -131,7 +132,9 @@ const TableActionsCELContext = defineComponent({
 });
 const config = defineModel({ type: Object, ...{ required: true } });
 const props = defineProps({
-  configure: { type: Function, required: false }
+  configure: { type: Function, required: false },
+  hideDisplayName: { type: Boolean, required: false },
+  hideDataSource: { type: Boolean, required: false }
 });
 const configure = props.configure ?? (() => {
 });
@@ -208,20 +211,17 @@ function commit(w) {
 function normalizeForEmit(general) {
   const out = { ...general };
   const ds = out.dataSource;
-  const nextDs = { ...ds ?? {} };
-  if (typeof nextDs.request === "string" && nextDs.request.trim() === "") delete nextDs.request;
-  if (typeof nextDs.total === "string" && nextDs.total.trim() === "") delete nextDs.total;
-  out.dataSource = nextDs;
-  const pagination = out.pagination;
-  const p = { ...pagination ?? {} };
-  const hasPageSize = typeof p.pageSize === "number" && Number.isFinite(p.pageSize) && p.pageSize > 0;
-  const hasPageSizes = Array.isArray(p.pageSizes) && p.pageSizes.length > 0;
-  const hasTotal = nextDs.total !== void 0;
-  if (!hasPageSize && !hasPageSizes && !hasTotal) {
-    delete out.pagination;
-  } else {
-    out.pagination = p;
+  let emittedDs;
+  if (ds) {
+    const nextDs = { ...ds };
+    if (typeof nextDs.request === "string" && nextDs.request.trim() === "") delete nextDs.request;
+    if (typeof nextDs.total === "string" && nextDs.total.trim() === "") delete nextDs.total;
+    if (typeof nextDs.data === "string" && nextDs.data.trim().length > 0) {
+      emittedDs = nextDs;
+    }
   }
+  if (emittedDs) out.dataSource = emittedDs;
+  else delete out.dataSource;
   const query = out.query;
   if (query && (!Array.isArray(query.fields) || query.fields.length === 0)) {
     delete out.query;
@@ -231,7 +231,6 @@ function normalizeForEmit(general) {
 function readGeneral() {
   const { columns: _c, groups: _g, kind: _k, ...general } = config.value ?? {};
   const cloned = JSON.parse(JSON.stringify(general));
-  if (!cloned.pagination) cloned.pagination = {};
   if (!cloned.dataSource) cloned.dataSource = { data: "" };
   return cloned;
 }
@@ -936,25 +935,37 @@ function updateDataSourceOptional(key, value) {
   const ds = value.trim() === "" ? rest : { ...rest, [key]: value };
   writeGeneralPatch({ dataSource: ds });
 }
+function setPaginationEnabled(enabled) {
+  if (enabled) {
+    if (config.value.pagination !== void 0) return;
+    writeGeneralPatch({ pagination: { pageSize: 100 } });
+    return;
+  }
+  const cur = config.value;
+  if (!cur || cur.pagination === void 0) return;
+  const { pagination: _drop, ...rest } = cur;
+  config.value = rest;
+}
 function setPageSize(value) {
   const cur = readGeneral();
-  const p = { ...cur.pagination ?? {} };
+  if (!cur.pagination) return;
   const n = typeof value === "number" ? value : Number(value);
-  if (!Number.isFinite(n) || n <= 0) delete p.pageSize;
-  else p.pageSize = n;
-  writeGeneralPatch({ pagination: p });
+  if (!Number.isFinite(n) || n <= 0) return;
+  writeGeneralPatch({ pagination: { ...cur.pagination, pageSize: n } });
 }
 function setPageSizes(value) {
   const parsed = parsePageSizes(value);
   const cur = readGeneral();
-  const p = { ...cur.pagination ?? {} };
+  if (!cur.pagination) return;
+  const p = { ...cur.pagination };
   if (parsed.length === 0) delete p.pageSizes;
   else p.pageSizes = parsed;
   writeGeneralPatch({ pagination: p });
 }
 function setPaginationLocale(key, value) {
   const cur = readGeneral();
-  const p = { ...cur.pagination ?? {} };
+  if (!cur.pagination) return;
+  const p = { ...cur.pagination };
   if (value == null) {
     if (key === "left") delete p.left;
     else delete p.right;
@@ -1228,7 +1239,10 @@ const tableQueryValue = computed({
             v-if="selectedGeneral"
             class="space-y-5"
           >
-            <Field orientation="vertical">
+            <Field
+              v-if="!hideDisplayName"
+              orientation="vertical"
+            >
               <FieldLabel class="text-xs text-zinc-500">
                 <template
                   v-if="generalFieldDescription('displayName')"
@@ -1255,119 +1269,132 @@ const tableQueryValue = computed({
                  field config) injects its own fields into the general pane. -->
             <slot name="general-extra" />
 
-            <div class="flex items-center gap-2">
-              <h3 class="text-xs font-medium text-zinc-500">
-                {{ generalFieldTitle("dataSource") }}
-              </h3>
-              <TableAiDataSourceButton
-                :data-source="editingGeneralConfig.dataSource"
-                :columns="editingColumns"
-                @apply="applyAiDataSource"
-              />
-            </div>
-
-            <div class="space-y-4">
-              <Field orientation="vertical">
-                <FieldLabel class="text-xs text-zinc-500">
-                  <template
-                    v-if="dataSourceFieldDescription('request')"
-                    #tooltip
-                  >
-                    <Markdown
-                      :source="dataSourceFieldDescription('request')"
-                      block
-                      class="prose prose-sm prose-zinc"
-                    />
-                  </template>
-                  {{ dataSourceFieldTitle("request") }}
-                </FieldLabel>
-                <RequestCELContext>
-                  <ExpressionEditor
-                    :model-value="editingGeneralConfig.dataSource?.request ?? ''"
-                    placeholder="如 http.get('/api/users').query('page', pageIndex)"
-                    result-type="HttpRequest"
-                    multiline
-                    class="min-h-20"
-                    @update:model-value="(v) => updateDataSourceOptional('request', v)"
-                  />
-                </RequestCELContext>
-                <p
-                  v-if="getError('dataSource.request')"
-                  class="text-xs text-red-500"
-                >
-                  {{ getError("dataSource.request") }}
-                </p>
-              </Field>
+            <template v-if="!hideDataSource">
+              <div class="flex items-center gap-2">
+                <h3 class="text-xs font-medium text-zinc-500">
+                  {{ generalFieldTitle("dataSource") }}
+                </h3>
+                <TableAiDataSourceButton
+                  :data-source="editingGeneralConfig.dataSource"
+                  :columns="editingColumns"
+                  @apply="applyAiDataSource"
+                />
+              </div>
 
-              <div class="grid grid-cols-2 gap-x-6 gap-y-4">
+              <div class="space-y-4">
                 <Field orientation="vertical">
                   <FieldLabel class="text-xs text-zinc-500">
                     <template
-                      v-if="dataSourceFieldDescription('data')"
+                      v-if="dataSourceFieldDescription('request')"
                       #tooltip
                     >
                       <Markdown
-                        :source="dataSourceFieldDescription('data')"
+                        :source="dataSourceFieldDescription('request')"
                         block
                         class="prose prose-sm prose-zinc"
                       />
                     </template>
-                    {{ dataSourceFieldTitle("data") }}
+                    {{ dataSourceFieldTitle("request") }}
                   </FieldLabel>
-                  <JsonCELContext>
+                  <RequestCELContext>
                     <ExpressionEditor
-                      :model-value="editingGeneralConfig.dataSource?.data ?? ''"
-                      placeholder="如 json.?value.items.orValue([])"
-                      result-type="list"
-                      @update:model-value="(v) => setDataSourceField('data', v)"
+                      :model-value="editingGeneralConfig.dataSource?.request ?? ''"
+                      placeholder="如 http.get('/api/users').query('page', pageIndex)"
+                      result-type="HttpRequest"
+                      multiline
+                      class="min-h-20"
+                      @update:model-value="(v) => updateDataSourceOptional('request', v)"
                     />
-                  </JsonCELContext>
+                  </RequestCELContext>
                   <p
-                    v-if="getError('dataSource.data')"
+                    v-if="getError('dataSource.request')"
                     class="text-xs text-red-500"
                   >
-                    {{ getError("dataSource.data") }}
+                    {{ getError("dataSource.request") }}
                   </p>
                 </Field>
-                <Field orientation="vertical">
-                  <FieldLabel class="text-xs text-zinc-500">
-                    <template
-                      v-if="dataSourceFieldDescription('total')"
-                      #tooltip
+
+                <div class="grid grid-cols-2 gap-x-6 gap-y-4">
+                  <Field orientation="vertical">
+                    <FieldLabel class="text-xs text-zinc-500">
+                      <template
+                        v-if="dataSourceFieldDescription('data')"
+                        #tooltip
+                      >
+                        <Markdown
+                          :source="dataSourceFieldDescription('data')"
+                          block
+                          class="prose prose-sm prose-zinc"
+                        />
+                      </template>
+                      {{ dataSourceFieldTitle("data") }}
+                    </FieldLabel>
+                    <JsonCELContext>
+                      <ExpressionEditor
+                        :model-value="editingGeneralConfig.dataSource?.data ?? ''"
+                        placeholder="如 json.?value.items.orValue([])"
+                        result-type="list"
+                        @update:model-value="(v) => setDataSourceField('data', v)"
+                      />
+                    </JsonCELContext>
+                    <p
+                      v-if="getError('dataSource.data')"
+                      class="text-xs text-red-500"
                     >
-                      <Markdown
-                        :source="dataSourceFieldDescription('total')"
-                        block
-                        class="prose prose-sm prose-zinc"
+                      {{ getError("dataSource.data") }}
+                    </p>
+                  </Field>
+                  <Field orientation="vertical">
+                    <FieldLabel class="text-xs text-zinc-500">
+                      <template
+                        v-if="dataSourceFieldDescription('total')"
+                        #tooltip
+                      >
+                        <Markdown
+                          :source="dataSourceFieldDescription('total')"
+                          block
+                          class="prose prose-sm prose-zinc"
+                        />
+                      </template>
+                      {{ dataSourceFieldTitle("total") }}
+                    </FieldLabel>
+                    <JsonCELContext>
+                      <ExpressionEditor
+                        :model-value="editingGeneralConfig.dataSource?.total ?? ''"
+                        placeholder="留空使用前端分页；如 json.?value.total.orValue(0)"
+                        result-type="number"
+                        @update:model-value="(v) => updateDataSourceOptional('total', v)"
                       />
-                    </template>
-                    {{ dataSourceFieldTitle("total") }}
-                  </FieldLabel>
-                  <JsonCELContext>
-                    <ExpressionEditor
-                      :model-value="editingGeneralConfig.dataSource?.total ?? ''"
-                      placeholder="留空使用前端分页；如 json.?value.total.orValue(0)"
-                      result-type="number"
-                      @update:model-value="(v) => updateDataSourceOptional('total', v)"
-                    />
-                  </JsonCELContext>
-                  <p
-                    v-if="getError('dataSource.total')"
-                    class="text-xs text-red-500"
-                  >
-                    {{ getError("dataSource.total") }}
-                  </p>
-                </Field>
+                    </JsonCELContext>
+                    <p
+                      v-if="getError('dataSource.total')"
+                      class="text-xs text-red-500"
+                    >
+                      {{ getError("dataSource.total") }}
+                    </p>
+                  </Field>
+                </div>
               </div>
-            </div>
+            </template>
 
             <Separator />
 
-            <h3 class="text-xs font-medium text-zinc-500">
-              {{ generalFieldTitle("pagination") }}
-            </h3>
+            <div class="flex items-center gap-2">
+              <h3 class="text-xs font-medium text-zinc-500">
+                {{ generalFieldTitle("pagination") }}
+              </h3>
+              <Switch
+                size="sm"
+                :model-value="editingGeneralConfig.pagination !== void 0"
+                aria-label="启用分页"
+                @update:model-value="setPaginationEnabled"
+              />
+            </div>
 
-            <div class="grid grid-cols-2 gap-x-6 gap-y-4">
+            <div
+              v-if="editingGeneralConfig.pagination !== void 0"
+              class="grid grid-cols-2 gap-x-6 gap-y-4"
+            >
               <Field orientation="vertical">
                 <FieldLabel class="text-xs text-zinc-500">
                   <template

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

@@ -2,6 +2,8 @@ import { Environment } from '../../vendor/cel-js/lib/index.js';
 type AnyRecord = Record<string, any>;
 type __VLS_Props = {
     configure?: (env: Environment) => void;
+    hideDisplayName?: boolean;
+    hideDataSource?: boolean;
 };
 type __VLS_ModelProps = {
     modelValue: AnyRecord;

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

@@ -20,7 +20,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
         displayName?: string;
         columns: ReadonlyArray<ColumnValue>;
         groups: ReadonlyArray<ColumnGroupValue>;
-        dataSource: Readonly<{
+        dataSource?: Readonly<{
             request?: string;
             data: string;
             total?: string;
@@ -64,7 +64,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
         displayName?: string;
         columns: ReadonlyArray<ColumnValue>;
         groups: ReadonlyArray<ColumnGroupValue>;
-        dataSource: Readonly<{
+        dataSource?: Readonly<{
             request?: string;
             data: string;
             total?: string;

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

@@ -13,9 +13,10 @@ import { useVirtualizer } from "@tanstack/vue-virtual";
 import { Effect, Fiber, Option } from "effect";
 import { Fetch } from "fx-fetch";
 import { Pagination } from "reka-ui/namespaced";
-import { computed, defineComponent, h, onMounted, ref, toRaw, watch } from "vue";
+import { computed, h, onMounted, ref, toRaw, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { celBindings, provideCELContext, injectCELContext } from "../../utils/cel-context";
+import TableRowProvider from "./row-provider.vue";
 import { getLocalizedText } from "../../share/locale";
 import { Button } from "../ui/button";
 import { Markdown } from "../ui/markdown";
@@ -29,6 +30,7 @@ import { provideTableInstanceId } from "./utils/instance";
 import { provideEventTarget } from "../../share/event-bus";
 import { findColumn } from "./utils/resolve";
 import { interpolateMarkdown } from "./utils/runtime";
+defineOptions({ name: "ShwfedTable" });
 const config = defineModel("config", { type: Object });
 const rowData = defineModel("rows", { type: Array, ...{ default: () => [] } });
 const serverTotal = ref(void 0);
@@ -148,7 +150,7 @@ const isPaginationEnabled = computed(() => config.value?.pagination !== void 0);
 const isManualPagination = computed(() => isPaginationEnabled.value && config.value?.dataSource?.total !== void 0);
 const totalItems = computed(() => isManualPagination.value ? serverTotal.value ?? 0 : rowData.value.length);
 const paginationConfig = computed(() => config.value?.pagination);
-const paginationPageSizes = computed(() => paginationConfig.value?.pageSizes ?? [20, 50, 100, 200]);
+const paginationPageSizes = computed(() => paginationConfig.value?.pageSizes ?? []);
 const paginationLeftSource = computed(() => {
   const source = getLocaleText(paginationConfig.value?.left);
   if (!source) return "";
@@ -163,34 +165,17 @@ const paginationRightSource = computed(() => {
     selected: tableApi.getSelectedRowModel().rows.map((row) => row.original)
   });
 });
-const TableRowCELContext = defineComponent({
-  name: "TableRowCELContext",
-  props: {
-    row: { type: null, default: void 0 },
-    index: { type: Number, required: true }
-  },
-  setup(props, { slots }) {
-    provideCELContext({
-      row: {
-        type: "dyn",
-        label: "\u5F53\u524D\u884C",
-        description: "\u5F53\u524D\u6E32\u67D3\u7684\u6574\u884C\u6570\u636E\uFF0C\u7C7B\u578B\u5728\u914D\u7F6E\u65F6\u672A\u77E5\uFF08`dyn`\uFF09\uFF0C\u5177\u4F53\u5B57\u6BB5\u53D6\u51B3\u4E8E\u63A5\u5165\u6570\u636E\u6E90\u3002",
-        get value() {
-          return props.row;
-        }
-      },
-      index: {
-        type: "number",
-        label: "\u884C\u5E8F\u53F7",
-        description: "\u5F53\u524D\u884C\u5728\u6240\u6709\u6570\u636E\u4E2D\u7684\u5E8F\u53F7\uFF0C\u4ECE `0` \u5F00\u59CB\u3002",
-        get value() {
-          return props.index;
-        }
-      }
-    });
-    return () => slots.default?.();
-  }
-});
+function getRowAt(i) {
+  return rowData.value[i];
+}
+function setRowAt(i, next) {
+  const rows2 = rowData.value;
+  if (i < 0 || i >= rows2.length) return;
+  rowData.value = rows2.map((r, j) => j === i ? next : r);
+}
+const derivedEditableColumns = computed(
+  () => (config.value?.columns ?? []).filter((c) => typeof c.binding === "string" && !!c.derived)
+);
 const tableApi = useVueTable({
   get columns() {
     return columns.value;
@@ -491,8 +476,9 @@ const currentPageSize = computed({
 });
 function syncPaginationPageSize() {
   if (!isPaginationEnabled.value) return;
-  const currentPageSize2 = tableApi.getState().pagination.pageSize;
   const pageSizes = paginationPageSizes.value;
+  if (pageSizes.length === 0) return;
+  const currentPageSize2 = tableApi.getState().pagination.pageSize;
   if (pageSizes.includes(currentPageSize2)) return;
   const closest = pageSizes.reduce(
     (prev, curr) => Math.abs(curr - currentPageSize2) < Math.abs(prev - currentPageSize2) ? curr : prev
@@ -705,41 +691,48 @@ export { TableConfig, createTableConfig, getColumnTechnicalKey } from "./schema"
                 class="grid relative"
                 :style="{ height: `${rowTotalSize}px` }"
               >
-                <tr
+                <template
                   v-for="r in rowWindow"
                   :key="rows[r.index]?.id ?? r.index"
-                  :ref="measureRow"
-                  class="flex absolute w-full border-b border-zinc-300"
-                  :data-index="rows[r.index]?.index"
-                  :style="{ transform: `translate3d(0, ${r.start}px, 0)` }"
                 >
-                  <td
-                    v-for="cell in rows[r.index]?.getVisibleCells() ?? []"
-                    :key="cell.id"
-                    :class="[
+                  <TableRowProvider
+                    v-if="rows[r.index]"
+                    :source-index="rows[r.index].index"
+                    :display-index="getDisplayIndex(rows[r.index])"
+                    :derived-columns="derivedEditableColumns"
+                    :get-row="getRowAt"
+                    :set-row="setRowAt"
+                  >
+                    <tr
+                      :ref="measureRow"
+                      class="flex absolute w-full border-b border-zinc-300"
+                      :data-index="rows[r.index].index"
+                      :style="{ transform: `translate3d(0, ${r.start}px, 0)` }"
+                    >
+                      <td
+                        v-for="cell in rows[r.index].getVisibleCells()"
+                        :key="cell.id"
+                        :class="[
   'border-zinc-300',
   cell.column.columnDef.meta?.grow && 'flex-1',
   cell.column.getIsPinned() && 'sticky z-15',
   shouldHaveRightBorder(cell.column) && 'border-r',
   shouldHaveLeftBorder(cell.column) && 'border-l'
 ]"
-                    :style="{
+                        :style="{
   width: `${cell.column.getSize()}px`,
   ...pinnedStyle(cell.column),
   ...getCellStyles(cell.getContext())
 }"
-                  >
-                    <TableRowCELContext
-                      :row="cell.row.original"
-                      :index="getDisplayIndex(cell.row)"
-                    >
-                      <FlexRender
-                        :render="cell.column.columnDef.cell"
-                        :props="cell.getContext()"
-                      />
-                    </TableRowCELContext>
-                  </td>
-                </tr>
+                      >
+                        <FlexRender
+                          :render="cell.column.columnDef.cell"
+                          :props="cell.getContext()"
+                        />
+                      </td>
+                    </tr>
+                  </TableRowProvider>
+                </template>
               </tbody>
 
               <!-- Footer -->

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

@@ -20,7 +20,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
         displayName?: string;
         columns: ReadonlyArray<ColumnValue>;
         groups: ReadonlyArray<ColumnGroupValue>;
-        dataSource: Readonly<{
+        dataSource?: Readonly<{
             request?: string;
             data: string;
             total?: string;
@@ -64,7 +64,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
         displayName?: string;
         columns: ReadonlyArray<ColumnValue>;
         groups: ReadonlyArray<ColumnGroupValue>;
-        dataSource: Readonly<{
+        dataSource?: Readonly<{
             request?: string;
             data: string;
             total?: string;

package/dist/runtime/components/table/row-provider.d.vue.ts

@@ -0,0 +1,23 @@
+import type { FieldValue } from '../form/schema.js';
+type __VLS_Props = {
+    sourceIndex: number;
+    displayIndex: number;
+    derivedColumns: ReadonlyArray<FieldValue>;
+    getRow: (i: number) => unknown;
+    setRow: (i: number, value: unknown) => void;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    evaluate: (expression: string) => unknown;
+}, {}, {}, {}, 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/row-provider.vue

@@ -0,0 +1,55 @@
+<script setup>
+import { Effect } from "effect";
+import { customRef } from "vue";
+import { cel as _rawCel } from "../../utils/cel";
+import { celBindings, injectCELContext, provideCELContext } from "../../utils/cel-context";
+import { useDerived, useDerivedQuiescence } from "../form/utils/derived";
+import { provideFormState } from "../form/utils/state";
+defineOptions({ name: "ShwfedTableRowProvider" });
+const props = defineProps({
+  sourceIndex: { type: Number, required: true },
+  displayIndex: { type: Number, required: true },
+  derivedColumns: { type: Array, required: true },
+  getRow: { type: Function, required: true },
+  setRow: { type: Function, required: true }
+});
+const rowRef = customRef((track, trigger) => ({
+  get() {
+    track();
+    return props.getRow(props.sourceIndex);
+  },
+  set(next) {
+    props.setRow(props.sourceIndex, next);
+    trigger();
+  }
+}));
+provideCELContext({
+  row: {
+    type: "dyn",
+    label: "\u5F53\u524D\u884C",
+    description: "\u5F53\u524D\u884C\u7684\u6574\u884C\u6570\u636E\uFF1B\u5199\u5165\u5F0F\u7F16\u8F91\u5217\u53EF\u7ECF `useFormState().setAt` \u89E6\u53D1\u5176\u53D8\u5316\u3002",
+    value: () => rowRef.value
+  },
+  index: {
+    type: "number",
+    label: "\u884C\u5E8F\u53F7",
+    description: "\u5F53\u524D\u884C\u5728\u6240\u6709\u6570\u636E\u4E2D\u7684\u5E8F\u53F7\uFF0C\u4ECE `0` \u5F00\u59CB\u3002",
+    value: () => props.displayIndex
+  }
+});
+const inherited = injectCELContext();
+const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
+const formState = provideFormState(rowRef);
+useDerived({
+  fields: () => props.derivedColumns,
+  evaluate: (expression) => $cel(expression),
+  ready: Promise.resolve(),
+  formState,
+  quiescence: useDerivedQuiescence()
+});
+defineExpose({ evaluate: (expression) => Effect.runSync($cel(expression)) });
+</script>
+
+<template>
+  <slot />
+</template>

package/dist/runtime/components/table/row-provider.vue.d.ts

@@ -0,0 +1,23 @@
+import type { FieldValue } from '../form/schema.js';
+type __VLS_Props = {
+    sourceIndex: number;
+    displayIndex: number;
+    derivedColumns: ReadonlyArray<FieldValue>;
+    getRow: (i: number) => unknown;
+    setRow: (i: number, value: unknown) => void;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    evaluate: (expression: string) => unknown;
+}, {}, {}, {}, 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;
+    };
+};