@shwfed/config 1.0.0

package/dist/runtime/components/table/ai/data-source-button.vue

@@ -0,0 +1,332 @@
+<script setup>
+import { useNuxtApp } from "#app";
+import { Icon } from "@iconify/vue";
+import { Either, Schema } from "effect";
+import { computed, ref } from "vue";
+import { toast } from "vue-sonner";
+import ShwfedModal from "../../modal.vue";
+import { Button } from "../../ui/button";
+import { Markdown } from "../../ui/markdown";
+import { Textarea } from "../../ui/textarea";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../ui/tooltip";
+import { composeCelPrompt } from "../../../plugins/ai/cel-prompt";
+import { StructuredOutputDecodeError } from "../../../plugins/ai";
+import TASK from "./data-source-task.md?raw";
+defineOptions({ name: "ShwfedTableAiDataSourceButton" });
+const props = defineProps({
+  dataSource: { type: Object, required: false },
+  columns: { type: Array, required: false }
+});
+const emit = defineEmits(["apply"]);
+const { $ai, $celCheck } = useNuxtApp();
+const DataSourceDraft = Schema.Struct({
+  request: Schema.optional(Schema.String).annotations({
+    description: 'CEL expression returning an HttpRequest (e.g. http.get("/api/users").query("page", pageIndex + 1)). Omit if the data is static or comes from an outer context.'
+  }),
+  data: Schema.optional(Schema.String).annotations({
+    description: "CEL expression returning a list. Reference `json` to extract from the HTTP response when `request` is set."
+  }),
+  total: Schema.optional(Schema.String).annotations({
+    description: "CEL expression returning a number for server-side pagination. Omit to fall back to client pagination."
+  })
+});
+const REQUEST_SCOPE = {
+  pageIndex: { type: "number", label: "\u5F53\u524D\u9875\u7801", description: "\u5F53\u524D\u9875\u7801\uFF08\u4ECE 0 \u5F00\u59CB\uFF09\uFF1B\u672A\u542F\u7528\u5206\u9875\u65F6\u4E3A 0", value: 0 },
+  pageSize: { type: "number", label: "\u6BCF\u9875\u884C\u6570", description: "\u6BCF\u9875\u884C\u6570\uFF1B\u672A\u542F\u7528\u5206\u9875\u65F6\u4E3A 0", value: 0 },
+  query: { type: "dyn", label: "\u641C\u7D22\u6761\u4EF6", description: "\u641C\u7D22\u6761\u4EF6\u5F53\u524D\u72B6\u6001\uFF1B\u672A\u914D\u7F6E\u65F6\u4E3A\u7A7A\u5BF9\u8C61", value: {} }
+};
+const JSON_SCOPE = {
+  json: { type: "optional<dyn>", label: "HTTP \u54CD\u5E94\u4F53", description: "\u5DF2\u89E3\u6790\u7684 JSON \u54CD\u5E94\uFF1B\u672A\u914D\u7F6E request \u65F6\u4E3A none", value: void 0 },
+  query: { type: "dyn", label: "\u641C\u7D22\u6761\u4EF6", description: "\u641C\u7D22\u6761\u4EF6\u5F53\u524D\u72B6\u6001\uFF1B\u672A\u914D\u7F6E\u65F6\u4E3A\u7A7A\u5BF9\u8C61", value: {} }
+};
+const open = ref(false);
+const context = ref("");
+const submitting = ref(false);
+const tick = ref(0);
+const description = [
+  "\u7C98\u8D34\u63A5\u53E3\u6587\u6863\u3001\u793A\u4F8B\u54CD\u5E94\u6216 PRD \u6458\u8981\uFF0C\u4FE1\u606F\u8D8A\u5B8C\u6574\u751F\u6210\u8D8A\u51C6\u786E\u3002",
+  "",
+  "AI \u4F1A\u6839\u636E\u63CF\u8FF0\u751F\u6210 `\u8BF7\u6C42` / `\u6570\u636E` / `\u603B\u6570` \u4E09\u4E2A CEL \u5B57\u6BB5\u3002"
+].join("\n");
+const visible = computed(() => $ai.available.value);
+const canSubmit = computed(() => !submitting.value && context.value.trim().length > 0);
+function onTrigger() {
+  if (!$ai.available.value) {
+    $ai.openSettings();
+    return;
+  }
+  open.value = true;
+}
+function checkCelString(expr) {
+  if (typeof expr !== "string" || expr.trim() === "") return null;
+  const checked = $celCheck(expr);
+  if (Either.isLeft(checked)) {
+    return checked.left instanceof Error ? checked.left.message : String(checked.left);
+  }
+  return null;
+}
+function collectErrors(ds) {
+  const out = [];
+  for (const key of ["request", "data", "total"]) {
+    const msg = checkCelString(ds[key]);
+    if (msg) out.push({ path: key, message: msg });
+  }
+  return out;
+}
+function buildRetryFeedback(errors) {
+  const lines = errors.map(({ path, message }) => `- \`${path}\`: ${message}`);
+  return [
+    "The previous output failed CEL validation. Fix only the listed fields and return the corrected object \u2014 keep the other fields identical.",
+    "",
+    "Errors:",
+    ...lines
+  ].join("\n");
+}
+function buildShapeFeedback(message) {
+  return [
+    "The previous output did not match the required JSON shape. Re-emit the structured output, this time matching the schema exactly. The output must be a JSON object with optional `request`, `data`, `total` fields (each a CEL string). Omit fields the user did not address.",
+    "",
+    "Decoder error:",
+    message
+  ].join("\n");
+}
+const EXPECTED_KEYS = ["request", "data", "total"];
+function tryUnwrap(raw) {
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return null;
+  const entries = Object.entries(raw);
+  if (entries.length !== 1) return null;
+  const [, inner] = entries[0];
+  let candidate = inner;
+  if (typeof candidate === "string") {
+    try {
+      candidate = JSON.parse(candidate);
+    } catch {
+      return null;
+    }
+  }
+  if (!candidate || typeof candidate !== "object" || Array.isArray(candidate)) return null;
+  const obj = candidate;
+  if (!EXPECTED_KEYS.some((k) => k in obj)) return null;
+  return candidate;
+}
+async function callModel(prompt, system, retry) {
+  try {
+    const value = await $ai.generateObject({
+      prompt,
+      system,
+      schema: DataSourceDraft,
+      objectName: "data_source",
+      ...retry ? { retry } : {},
+      onProgress: () => {
+        tick.value++;
+      }
+    });
+    const errors = collectErrors(value);
+    if (errors.length > 0) {
+      return { kind: "retry", previousOutput: value, feedback: buildRetryFeedback(errors) };
+    }
+    return { kind: "ok", value };
+  } catch (err) {
+    if (err instanceof StructuredOutputDecodeError) {
+      const unwrapped = tryUnwrap(err.rawOutput);
+      if (unwrapped !== null) {
+        const decoded = Schema.decodeUnknownEither(DataSourceDraft)(unwrapped);
+        if (Either.isRight(decoded)) {
+          const value = decoded.right;
+          const errors = collectErrors(value);
+          if (errors.length === 0) return { kind: "ok", value };
+          return { kind: "retry", previousOutput: value, feedback: buildRetryFeedback(errors) };
+        }
+      }
+      return { kind: "retry", previousOutput: err.rawOutput, feedback: buildShapeFeedback(err.message) };
+    }
+    throw err;
+  }
+}
+function trimOrUndef(s) {
+  if (typeof s !== "string") return void 0;
+  const t = s.trim();
+  return t.length > 0 ? t : void 0;
+}
+function buildEmit(value) {
+  const ds = {};
+  const r = trimOrUndef(value.request);
+  const d = trimOrUndef(value.data);
+  const t = trimOrUndef(value.total);
+  if (r !== void 0) ds.request = r;
+  if (d !== void 0) ds.data = d;
+  if (t !== void 0) ds.total = t;
+  return ds;
+}
+function buildUserPrompt() {
+  return [
+    context.value.trim(),
+    "",
+    "# Current configuration",
+    "",
+    "```json",
+    // Including the column shape can hint at expected response fields.
+    JSON.stringify({
+      dataSource: props.dataSource ?? null,
+      columns: props.columns ?? []
+    }, null, 2),
+    "```"
+  ].join("\n");
+}
+async function onSubmit() {
+  if (!canSubmit.value) return;
+  submitting.value = true;
+  tick.value = 0;
+  try {
+    const system = composeCelPrompt({
+      scope: [
+        { name: "`request` \u5B57\u6BB5\u53EF\u7528\u53D8\u91CF", context: REQUEST_SCOPE },
+        { name: "`data` / `total` \u5B57\u6BB5\u53EF\u7528\u53D8\u91CF", context: JSON_SCOPE }
+      ],
+      task: TASK
+    });
+    const prompt = buildUserPrompt();
+    let outcome = await callModel(prompt, system);
+    if (outcome.kind === "retry") {
+      tick.value = 0;
+      outcome = await callModel(prompt, system, {
+        previousOutput: outcome.previousOutput,
+        feedback: outcome.feedback
+      });
+    }
+    if (outcome.kind === "ok") {
+      const ds = buildEmit(outcome.value);
+      if (Object.keys(ds).length > 0) {
+        emit("apply", ds);
+        toast.success("\u5DF2\u6839\u636E\u63CF\u8FF0\u751F\u6210\u6570\u636E\u6E90");
+      } else {
+        toast.message("AI \u672A\u8FD4\u56DE\u4EFB\u4F55\u53EF\u5E94\u7528\u7684\u5B57\u6BB5");
+      }
+      open.value = false;
+      context.value = "";
+      return;
+    }
+    const last = outcome.previousOutput;
+    const candidate = last && typeof last === "object" ? last : null;
+    const usable = candidate && EXPECTED_KEYS.some((k) => k in candidate) ? candidate : tryUnwrap(last);
+    if (usable && typeof usable === "object") {
+      const ds = buildEmit(usable);
+      if (Object.keys(ds).length > 0) {
+        emit("apply", ds);
+        toast.message("AI \u8F93\u51FA\u672A\u901A\u8FC7\u6821\u9A8C\uFF0C\u5DF2\u5E94\u7528\u53EF\u89E3\u6790\u7684\u90E8\u5206\uFF0C\u8BF7\u68C0\u67E5");
+        open.value = false;
+        context.value = "";
+        return;
+      }
+    }
+    toast.error("AI \u751F\u6210\u5931\u8D25", { description: "\u6A21\u578B\u672A\u8FD4\u56DE\u53EF\u5E94\u7528\u7684\u5B57\u6BB5\uFF0C\u8BF7\u8C03\u6574\u63CF\u8FF0\u540E\u91CD\u8BD5" });
+  } catch (err) {
+    const message = err instanceof Error ? err.message : String(err);
+    toast.error("AI \u751F\u6210\u5931\u8D25", { description: message });
+  } finally {
+    submitting.value = false;
+  }
+}
+</script>
+
+<template>
+  <template v-if="visible">
+    <Tooltip :delay-duration="180">
+      <TooltipTrigger as-child>
+        <button
+          type="button"
+          class="ai-trigger"
+          :disabled="submitting"
+          @click="onTrigger"
+        >
+          <Icon
+            icon="fluent:magic-wand-20-regular"
+            class="size-4"
+          />
+        </button>
+      </TooltipTrigger>
+      <TooltipContent side="right">
+        AI 生成数据源
+      </TooltipContent>
+    </Tooltip>
+
+    <ShwfedModal
+      v-model:open="open"
+      content-width="48rem"
+      :dismissible="!submitting"
+    >
+      <template #title>
+        <span class="flex items-center gap-2">
+          <Icon
+            icon="fluent:magic-wand-20-regular"
+            class="size-5"
+          />
+          AI 生成数据源
+        </span>
+      </template>
+      <template #description>
+        <Markdown
+          :source="description"
+          block
+          class="prose prose-sm prose-zinc max-w-none"
+        />
+      </template>
+
+      <form
+        class="flex flex-col gap-2 py-2"
+        @submit.prevent="onSubmit"
+      >
+        <Textarea
+          v-model="context"
+          placeholder="任意上下文，建议包含：&#10;- 接口路径与方法（如 GET /api/users）&#10;- 查询参数与分页约定（page 是否从 1 开始？）&#10;- 示例响应（JSON），尤其是数据列表与总数字段名"
+          wrap="soft"
+          class="field-sizing-fixed h-72 max-h-[60vh] resize-none overflow-auto break-all whitespace-pre-wrap font-mono text-xs"
+          :disabled="submitting"
+        />
+      </form>
+
+      <template #footer>
+        <div class="flex items-center gap-2">
+          <div
+            v-if="submitting"
+            class="mr-auto flex items-center gap-2 text-xs text-muted-foreground"
+            aria-live="polite"
+          >
+            <span
+              :key="tick"
+              class="ai-progress-dot"
+              :class="tick > 0 ? 'is-streaming' : 'is-waiting'"
+            />
+            <span>{{ tick > 0 ? "\u6B63\u5728\u63A5\u6536\u6A21\u578B\u8F93\u51FA\u2026" : "\u6B63\u5728\u8BF7\u6C42\u6A21\u578B\u2026" }}</span>
+          </div>
+          <Button
+            type="button"
+            size="sm"
+            :disabled="submitting"
+            @click="open = false"
+          >
+            <Icon icon="fluent:dismiss-20-regular" />
+            取消
+          </Button>
+          <Button
+            type="button"
+            variant="primary"
+            size="sm"
+            :disabled="!canSubmit"
+            @click="onSubmit"
+          >
+            <Icon
+              :icon="submitting ? 'fluent:arrow-sync-20-regular' : 'fluent:sparkle-20-regular'"
+              :class="submitting ? 'animate-spin' : ''"
+            />
+            生成
+          </Button>
+        </div>
+      </template>
+    </ShwfedModal>
+  </template>
+</template>
+
+<style scoped>
+.ai-trigger{align-items:center;border-radius:.25rem;color:#a1a1aa;display:inline-flex;height:1.5rem;justify-content:center;transition:background-color .1s ease,color .1s ease;width:1.5rem}.ai-trigger:hover:not(:disabled){background-color:#f4f4f5;color:var(--primary)}.ai-trigger:disabled{cursor:not-allowed;opacity:.5}.ai-progress-dot{background-color:var(--primary,currentColor);border-radius:9999px;display:inline-block;height:.5rem;width:.5rem}.ai-progress-dot.is-waiting{animation:ai-progress-waiting 1.2s ease-in-out infinite}.ai-progress-dot.is-streaming{animation:ai-progress-kick .32s ease-out}@keyframes ai-progress-waiting{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes ai-progress-kick{0%{opacity:1;transform:scale(1.6)}to{opacity:.7;transform:scale(1)}}
+</style>

package/dist/runtime/components/table/ai/data-source-button.vue.d.ts

@@ -0,0 +1,20 @@
+type AnyRecord = Record<string, any>;
+type __VLS_Props = {
+    dataSource?: AnyRecord;
+    columns?: ReadonlyArray<AnyRecord>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    apply: (value: {
+        request?: string;
+        data?: string;
+        total?: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onApply?: ((value: {
+        request?: string;
+        data?: string;
+        total?: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/ai/data-source-task.md

@@ -0,0 +1,17 @@
+Generate a partial **table data source** from the user's free-form description. The output is a single struct with three optional CEL fields: `request` (HttpRequest), `data` (list), `total` (number).
+
+# Goal
+
+Translate the user's prompt (API docs / sample response / PRD) into a small, defensive CEL data source. Only emit fields the user addresses; omit the rest.
+
+# Field guidance
+
+- `request`: a single `http.get/post/put/patch/delete(path)` builder chain. Use `.query(query)` to splat the search-bar state when relevant; use `pageIndex` / `pageSize` for pagination params. Omit `request` only when the user explicitly says the data is not fetched (comes from an outer scope).
+- Do NOT add auth headers (Authorization, access_token, token, etc.) — the http client injects them globally from the user session. Adding them will double up or override the real token.
+- If the API's page number is 1-based (sample responses showing `page=1` or `current_page=1` are the tell), use `pageIndex + 1`. If 0-based, use `pageIndex`. Pass `pageSize` directly.
+- `data`: a CEL expression that, given `json` (the parsed response), returns the row list. Use optional access (`.?`) and `.orValue([])` for safety.
+- `total`: a CEL expression returning the total row count. Omit when the response has no total/count field — the host falls back to client pagination.
+
+If the context is too sparse to be confident (e.g. no path, no response shape), make the most reasonable guess and keep accessors defensive (optional access + `.orValue` fallbacks). Output CEL source only, one expression per field. Do not wrap in code fences. Do not add comments.
+
+The current configuration is appended to the user prompt under `Current configuration` — preserve / extend rather than starting from scratch.

package/dist/runtime/components/table/column-layout.d.ts

@@ -0,0 +1,5 @@
+import type { InjectionKey, Ref } from 'vue';
+export interface TableColumnLayoutExtension {
+    fullPane: Ref<boolean>;
+}
+export declare const TABLE_COLUMN_LAYOUT_KEY: InjectionKey<TableColumnLayoutExtension>;

package/dist/runtime/components/table/column-layout.js

@@ -0,0 +1 @@
+export const TABLE_COLUMN_LAYOUT_KEY = Symbol("shwfed.table.column-layout");

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.actions/config.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    modelValue: Record<string, any>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, any>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.actions/config.vue

@@ -0,0 +1,112 @@
+<script setup>
+import { computed, inject, onBeforeUnmount, onMounted } from "vue";
+import { Icon } from "@iconify/vue";
+import { Field, FieldLabel } from "../../../../ui/field";
+import { Locale } from "../../../../ui/locale";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupNumberField
+} from "../../../../ui/input-group";
+import ActionsConfigEditor from "../../../../actions/config.vue";
+import { getStructFieldDescription, getStructFieldTitle } from "../../../utils/schema-meta";
+import { Markdown } from "../../../../ui/markdown";
+import { TABLE_COLUMN_LAYOUT_KEY } from "../../../column-layout";
+import { registerRowVariables, schema } from "./schema";
+defineOptions({ name: "ShwfedTableActionsRendererConfig" });
+const value = defineModel({ type: Object, ...{ required: true } });
+const fieldSchema = schema(() => {
+});
+const fieldTitle = (field) => getStructFieldTitle(fieldSchema, field) ?? field;
+const fieldDescription = (field) => getStructFieldDescription(fieldSchema, field);
+const layout = inject(TABLE_COLUMN_LAYOUT_KEY, null);
+onMounted(() => {
+  if (layout) layout.fullPane.value = true;
+});
+onBeforeUnmount(() => {
+  if (layout) layout.fullPane.value = false;
+});
+const actionValue = computed({
+  get: () => ({
+    kind: "shwfed.component.action",
+    size: "sm",
+    gap: value.value.gap ?? 4,
+    style: value.value.style,
+    groups: value.value.groups ?? [],
+    items: value.value.items ?? []
+  }),
+  set: (next) => {
+    const { gap, style, groups, items } = next;
+    const merged = {
+      ...value.value,
+      gap,
+      groups,
+      items
+    };
+    if (style === void 0) Reflect.deleteProperty(merged, "style");
+    else merged.style = style;
+    value.value = merged;
+  }
+});
+</script>
+
+<template>
+  <ActionsConfigEditor
+    v-model="actionValue"
+    :configure="registerRowVariables"
+  >
+    <template #general-extra>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('title')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('title')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("title") }}
+        </FieldLabel>
+        <Locale v-model="value.title" />
+      </Field>
+
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('size')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('size')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("size") }}
+        </FieldLabel>
+        <InputGroup>
+          <InputGroupNumberField
+            :model-value="value.size"
+            :disabled="value.grow"
+            :min="0"
+            @update:model-value="(v) => value.size = v"
+          />
+          <InputGroupAddon align="inline-end">
+            <InputGroupButton
+              :variant="value.grow ? 'primary' : 'ghost'"
+              size="xs"
+              @click="value.grow = !value.grow"
+            >
+              <Icon :icon="value.grow ? 'fluent:lock-closed-20-regular' : 'fluent:arrow-autofit-width-20-regular'" />
+              {{ fieldTitle("grow") }}
+            </InputGroupButton>
+          </InputGroupAddon>
+        </InputGroup>
+      </Field>
+    </template>
+  </ActionsConfigEditor>
+</template>

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.actions/config.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    modelValue: Record<string, any>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, any>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.actions/runtime.d.vue.ts

@@ -0,0 +1,9 @@
+import type { CellContext } from '@tanstack/vue-table';
+import { type Value } from './schema.js';
+type __VLS_Props = {
+    column: Value;
+    ctx: CellContext<unknown, unknown>;
+};
+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/columns/2026-04-14/com.shwfed.table.column.actions/runtime.vue

@@ -0,0 +1,28 @@
+<script setup>
+import { computed } from "vue";
+import ShwfedActions from "../../../../actions/components/group.vue";
+import { registerRowVariables } from "./schema";
+defineOptions({ name: "ShwfedTableActionsRendererRuntime" });
+const props = defineProps({
+  column: { type: null, required: true },
+  ctx: { type: Object, required: true }
+});
+const config = computed(() => ({
+  kind: "shwfed.component.action",
+  size: "sm",
+  gap: props.column.gap,
+  style: props.column.style || "display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;",
+  groups: props.column.groups.map((group) => ({
+    ...group,
+    variant: group.variant ?? "link"
+  })),
+  items: props.column.items
+}));
+</script>
+
+<template>
+  <ShwfedActions
+    :config="config"
+    :configure="registerRowVariables"
+  />
+</template>

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.actions/runtime.vue.d.ts

@@ -0,0 +1,9 @@
+import type { CellContext } from '@tanstack/vue-table';
+import { type Value } from './schema.js';
+type __VLS_Props = {
+    column: Value;
+    ctx: CellContext<unknown, unknown>;
+};
+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/columns/2026-04-14/com.shwfed.table.column.actions/schema.d.ts

@@ -0,0 +1,94 @@
+import { Schema } from 'effect';
+import type { ColumnDef } from '@tanstack/vue-table';
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+import { registerRowVariablesIfAbsent } from '../../../utils/shared.js';
+import type { ColumnDefDeps } from '../../../utils/resolve.js';
+export declare const type: "com.shwfed.table.column.actions";
+export declare const compatibilityDate: "2026-04-14";
+export declare const metadata: {
+    readonly name: "操作";
+    readonly icon: "fluent:cursor-click-20-regular";
+};
+export declare const registerRowVariables: typeof registerRowVariablesIfAbsent;
+export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
+    gap: Schema.optionalWith<Schema.filter<Schema.filter<typeof Schema.Number>>, {
+        default: () => number;
+    }>;
+    style: Schema.optional<typeof Schema.String>;
+    groups: Schema.Array$<Schema.Struct<{
+        id: Schema.refine<string, typeof Schema.String>;
+        variant: Schema.optional<Schema.Literal<["default", "primary", "destructive", "ghost", "link"]>>;
+    }>>;
+    items: Schema.Array$<Schema.Union<[Schema.Struct<{
+        id: Schema.refine<string, typeof Schema.String>;
+        groupId: Schema.refine<string, typeof Schema.String>;
+        title: Schema.TupleType<readonly [Schema.Struct<{
+            locale: Schema.Literal<["zh"]>;
+            message: Schema.SchemaClass<string, string, never>;
+        }>], [Schema.Struct<{
+            locale: Schema.Literal<["ja", "en", "ko"]>;
+            message: Schema.SchemaClass<string, string, never>;
+        }>]>;
+        tooltip: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
+            locale: Schema.Literal<["zh"]>;
+            message: Schema.SchemaClass<string, string, never>;
+        }>], [Schema.Struct<{
+            locale: Schema.Literal<["ja", "en", "ko"]>;
+            message: Schema.SchemaClass<string, string, never>;
+        }>]>>;
+        icon: Schema.optional<Schema.SchemaClass<string, string, never>>;
+        hidden: Schema.optional<Schema.Schema<string, string, never>>;
+        disabled: Schema.optional<Schema.Schema<string, string, never>>;
+        variant: Schema.optional<Schema.Literal<["default", "primary", "destructive", "ghost", "link"]>>;
+        hideTitle: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+        action: Schema.optional<Schema.Schema<any, any, never>>;
+    }>, Schema.Struct<{
+        id: Schema.refine<string, typeof Schema.String>;
+        groupId: Schema.refine<string, typeof Schema.String>;
+        title: Schema.TupleType<readonly [Schema.Struct<{
+            locale: Schema.Literal<["zh"]>;
+            message: Schema.SchemaClass<string, string, never>;
+        }>], [Schema.Struct<{
+            locale: Schema.Literal<["ja", "en", "ko"]>;
+            message: Schema.SchemaClass<string, string, never>;
+        }>]>;
+        icon: Schema.optional<Schema.SchemaClass<string, string, never>>;
+        items: Schema.Array$<Schema.Struct<{
+            id: Schema.refine<string, typeof Schema.String>;
+            title: Schema.TupleType<readonly [Schema.Struct<{
+                locale: Schema.Literal<["zh"]>;
+                message: Schema.SchemaClass<string, string, never>;
+            }>], [Schema.Struct<{
+                locale: Schema.Literal<["ja", "en", "ko"]>;
+                message: Schema.SchemaClass<string, string, never>;
+            }>]>;
+            tooltip: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
+                locale: Schema.Literal<["zh"]>;
+                message: Schema.SchemaClass<string, string, never>;
+            }>], [Schema.Struct<{
+                locale: Schema.Literal<["ja", "en", "ko"]>;
+                message: Schema.SchemaClass<string, string, never>;
+            }>]>>;
+            icon: Schema.optional<Schema.SchemaClass<string, string, never>>;
+            hidden: Schema.optional<Schema.Schema<string, string, never>>;
+            disabled: Schema.optional<Schema.Schema<string, string, never>>;
+            variant: Schema.optional<Schema.Literal<["default", "primary", "destructive", "ghost", "link"]>>;
+            action: Schema.optional<Schema.Schema<any, any, never>>;
+        }>>;
+    }>]>>;
+    title: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
+        locale: Schema.Literal<["zh"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>], [Schema.Struct<{
+        locale: Schema.Literal<["ja", "en", "ko"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>]>>;
+    size: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
+    grow: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+    id: Schema.refine<string, typeof Schema.String>;
+    groupId: Schema.optional<typeof Schema.UUID>;
+    type: Schema.Literal<["com.shwfed.table.column.actions"]>;
+    compatibilityDate: Schema.Literal<["2026-04-14"]>;
+}>;
+export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+export declare function toColumnDef(value: Value, { getLocaleText }: ColumnDefDeps): Partial<ColumnDef<unknown, unknown>>;