@shwfed/config 1.0.0

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.select/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.select/header.d.vue.ts

@@ -0,0 +1,9 @@
+import type { HeaderContext } from '@tanstack/vue-table';
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    column: Value;
+    ctx: HeaderContext<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.select/header.vue

@@ -0,0 +1,60 @@
+<script setup>
+import { computed } from "vue";
+import { useI18n } from "vue-i18n";
+import { Checkbox } from "../../../../ui/checkbox";
+defineOptions({ name: "ShwfedTableSelectRendererHeader" });
+const props = defineProps({
+  column: { type: null, required: true },
+  ctx: { type: Object, required: true }
+});
+const { t } = useI18n({
+  inheritLocale: true,
+  messages: {
+    zh: {
+      "select-all-rows-on-page": "\u9009\u62E9\u5F53\u524D\u9875\u5168\u90E8\u884C",
+      "select-all-rows": "\u9009\u62E9\u5168\u90E8\u884C"
+    },
+    en: {
+      "select-all-rows-on-page": "Select all rows on page",
+      "select-all-rows": "Select all rows"
+    },
+    ja: {
+      "select-all-rows-on-page": "\u73FE\u5728\u306E\u30DA\u30FC\u30B8\u306E\u3059\u3079\u3066\u306E\u884C\u3092\u9078\u629E",
+      "select-all-rows": "\u3059\u3079\u3066\u306E\u884C\u3092\u9078\u629E"
+    }
+  }
+});
+const table = computed(() => props.ctx.table);
+const crossPage = computed(() => props.column.crossPage ?? false);
+const hidden = computed(() => props.column.mode === "radio");
+const indeterminate = computed(
+  () => crossPage.value ? table.value.getIsSomePageRowsSelected() : table.value.getIsSomeRowsSelected()
+);
+const checked = computed(
+  () => crossPage.value ? table.value.getIsAllPageRowsSelected() : table.value.getIsAllRowsSelected()
+);
+const modelValue = computed(
+  () => checked.value ? true : indeterminate.value ? "indeterminate" : false
+);
+function onUpdate(value) {
+  if (crossPage.value) {
+    table.value.toggleAllPageRowsSelected(value === true);
+    return;
+  }
+  table.value.toggleAllRowsSelected(value === true);
+}
+</script>
+
+<template>
+  <div
+    v-if="!hidden"
+    class="w-full h-full flex items-center justify-center"
+  >
+    <Checkbox
+      :model-value="modelValue"
+      :aria-label="crossPage ? t('select-all-rows-on-page') : t('select-all-rows')"
+      class="w-4 h-4 bg-white"
+      @update:model-value="onUpdate"
+    />
+  </div>
+</template>

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

@@ -0,0 +1,9 @@
+import type { HeaderContext } from '@tanstack/vue-table';
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    column: Value;
+    ctx: HeaderContext<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.select/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.select/runtime.vue

@@ -0,0 +1,117 @@
+<script setup>
+import { computed } from "vue";
+import { Effect } from "effect";
+import { Icon } from "@iconify/vue";
+import { useNuxtApp } from "#app";
+import { celBindings, injectCELContext } from "../../../../../plugins/cel/context";
+import { cn } from "../../../../../utils/cn";
+defineOptions({ name: "ShwfedTableSelectRendererRuntime" });
+const props = defineProps({
+  column: { type: null, required: true },
+  ctx: { type: Object, required: true }
+});
+const { $cel } = useNuxtApp();
+const celContext = injectCELContext();
+function evalPredicate(expression, fallback) {
+  try {
+    return Boolean(Effect.runSync($cel(expression, celBindings(celContext))));
+  } catch (e) {
+    console.error("[shwfed-table] row-selection predicate failed", e);
+    return fallback;
+  }
+}
+const canSelect = computed(() => {
+  if (props.column.enableRowSelection && !evalPredicate(props.column.enableRowSelection, true)) {
+    return false;
+  }
+  if (props.column.mode === "checkbox" && props.column.enableMultiRowSelection && !evalPredicate(props.column.enableMultiRowSelection, true)) {
+    return false;
+  }
+  return true;
+});
+function onCheckboxClick(e) {
+  if (!canSelect.value) return;
+  const { row, table } = props.ctx;
+  if (e.shiftKey) {
+    const rows = table.getRowModel().rows;
+    const i = rows.findIndex((r) => r.id === row.id);
+    if (i >= 0) {
+      let anchor = -1;
+      for (let d = 1; d < rows.length; d++) {
+        const up = rows[i - d];
+        if (up?.getIsSelected()) {
+          anchor = i - d;
+          break;
+        }
+        const dn = rows[i + d];
+        if (dn?.getIsSelected()) {
+          anchor = i + d;
+          break;
+        }
+      }
+      if (anchor >= 0) {
+        const [lo, hi] = anchor <= i ? [anchor, i] : [i, anchor];
+        const updates = {};
+        for (let j = lo; j <= hi; j++) {
+          const r = rows[j];
+          if (r && r.getCanSelect() && r.getCanMultiSelect()) {
+            updates[r.id] = true;
+          }
+        }
+        table.setRowSelection((prev) => ({ ...prev, ...updates }));
+        return;
+      }
+    }
+  }
+  row.toggleSelected(!row.getIsSelected());
+}
+</script>
+
+<template>
+  <div class="w-full h-full flex items-center justify-center">
+    <button
+      v-if="column.mode === 'radio'"
+      type="button"
+      role="radio"
+      :aria-checked="ctx.row.getIsSelected()"
+      :disabled="!canSelect"
+      :class="[
+  'size-4 shrink-0 rounded-full border shadow-xs outline-none transition-shadow',
+  'flex items-center justify-center',
+  ctx.row.getIsSelected() ? 'bg-(--primary) border-(--primary)' : 'border-zinc-200 hover:shadow',
+  !canSelect ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'
+]"
+      @click="ctx.table.setRowSelection({ [ctx.row.id]: true })"
+    >
+      <span
+        v-if="ctx.row.getIsSelected()"
+        class="size-1.5 rounded-full bg-white"
+      />
+    </button>
+    <button
+      v-else
+      :id="`${ctx.column.id}-${ctx.row.id}`"
+      type="button"
+      role="checkbox"
+      :aria-checked="ctx.row.getIsSelected()"
+      :disabled="!canSelect"
+      :data-state="ctx.row.getIsSelected() ? 'checked' : 'unchecked'"
+      :class="cn(
+  'peer flex items-center justify-center border-zinc-200',
+  'data-[state=checked]:bg-(--primary) data-[state=checked]:text-white data-[state=checked]:border-(--primary)',
+  'aria-invalid:border-red-400',
+  'size-4 shrink-0 rounded border shadow-xs hover:shadow transition-shadow outline-none',
+  'disabled:cursor-not-allowed disabled:opacity-50',
+  canSelect ? 'cursor-pointer' : 'cursor-not-allowed'
+)"
+      @click="onCheckboxClick"
+    >
+      <span class="grid h-full w-full place-content-center transition-none text-xs">
+        <Icon
+          v-if="ctx.row.getIsSelected()"
+          icon="fluent:checkmark-20-filled"
+        />
+      </span>
+    </button>
+  </div>
+</template>

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.select/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.select/schema.d.ts

@@ -0,0 +1,23 @@
+import { Schema } from 'effect';
+import type { ColumnDef } from '@tanstack/vue-table';
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+export declare const type: "com.shwfed.table.column.select";
+export declare const compatibilityDate: "2026-04-14";
+export declare const metadata: {
+    readonly name: "选择";
+    readonly icon: "fluent:checkbox-checked-20-regular";
+};
+export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
+    mode: Schema.optionalWith<Schema.Literal<["radio", "checkbox"]>, {
+        default: () => "checkbox";
+    }>;
+    crossPage: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+    enableRowSelection: Schema.optional<Schema.Schema<string, string, never>>;
+    enableMultiRowSelection: Schema.optional<Schema.Schema<string, string, never>>;
+    id: Schema.refine<string, typeof Schema.String>;
+    groupId: Schema.optional<typeof Schema.UUID>;
+    type: Schema.Literal<["com.shwfed.table.column.select"]>;
+    compatibilityDate: Schema.Literal<["2026-04-14"]>;
+}>;
+export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+export declare function toColumnDef(value: Value): Partial<ColumnDef<unknown, unknown>>;

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.select/schema.js

@@ -0,0 +1,50 @@
+import { Schema } from "effect";
+import { h } from "vue";
+import { Expression } from "../../../../../share/expression.js";
+import { columnIdentityFields, registerRowVariablesIfAbsent } from "../../../utils/shared.js";
+import Header from "./header.vue";
+export const type = "com.shwfed.table.column.select";
+export const compatibilityDate = "2026-04-14";
+export const metadata = {
+  name: "\u9009\u62E9",
+  icon: "fluent:checkbox-checked-20-regular"
+};
+export function schema(configure) {
+  const CelRowSelectionPredicate = Expression({
+    configure: (env) => {
+      configure(env);
+      registerRowVariablesIfAbsent(env);
+    },
+    resultType: "bool"
+  });
+  return Schema.Struct({
+    type: Schema.Literal(type),
+    compatibilityDate: Schema.Literal(compatibilityDate),
+    ...columnIdentityFields(),
+    mode: Schema.optionalWith(Schema.Literal("radio", "checkbox").annotations({
+      title: "\u6A21\u5F0F",
+      description: "\u9009\u62E9\u6A21\u5F0F\uFF0Cradio \u4E3A\u5355\u9009\uFF0Ccheckbox \u4E3A\u591A\u9009"
+    }), { default: () => "checkbox" }),
+    crossPage: Schema.optional(Schema.Boolean.annotations({
+      title: "\u8BB0\u5FC6\u9009\u4E2D\u9879",
+      description: "\u662F\u5426\u652F\u6301\u8DE8\u9875\u9009\u62E9"
+    })),
+    enableRowSelection: Schema.optional(CelRowSelectionPredicate).annotations({
+      title: "\u884C\u53EF\u9009\u4E2D",
+      description: "\u884C\u662F\u5426\u53EF\u9009\u4E2D\u7684 CEL \u8868\u8FBE\u5F0F"
+    }),
+    enableMultiRowSelection: Schema.optional(CelRowSelectionPredicate).annotations({
+      title: "\u884C\u53EF\u591A\u9009",
+      description: "\u884C\u662F\u5426\u53EF\u591A\u9009\u7684 CEL \u8868\u8FBE\u5F0F"
+    })
+  }).annotations({ title: "SelectRenderer", description: "\u9009\u62E9\u6E32\u67D3\u5668" });
+}
+export function toColumnDef(value) {
+  return {
+    header: (ctx) => h(Header, { column: value, ctx }),
+    size: 40,
+    enableSorting: false,
+    enableResizing: false,
+    meta: { grow: false }
+  };
+}

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.text/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.text/config.vue

@@ -0,0 +1,255 @@
+<script setup>
+import { computed } from "vue";
+import { Icon } from "@iconify/vue";
+import { Input } from "../../../../ui/input";
+import { ExpressionEditor } from "../../../../ui/expression-editor";
+import { Switch } from "../../../../ui/switch";
+import { Separator } from "../../../../ui/separator";
+import { Field, FieldLabel } from "../../../../ui/field";
+import { Locale } from "../../../../ui/locale";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupNumberField
+} from "../../../../ui/input-group";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "../../../../ui/dropdown-menu";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../../../../ui/select";
+import { getStructFieldDescription, getStructFieldTitle } from "../../../utils/schema-meta";
+import { Markdown } from "../../../../ui/markdown";
+import { schema } from "./schema";
+defineOptions({ name: "ShwfedTableTextRendererConfig" });
+const value = defineModel({ type: Object, ...{ required: true } });
+const fieldSchema = schema(() => {
+});
+const fieldTitle = (field) => getStructFieldTitle(fieldSchema, field) ?? field;
+const fieldDescription = (field) => getStructFieldDescription(fieldSchema, field);
+const ALIGN_OPTIONS = [
+  { value: "left", label: "\u5DE6\u5BF9\u9F50", icon: "fluent:text-align-left-20-regular" },
+  { value: "center", label: "\u5C45\u4E2D", icon: "fluent:text-align-center-20-regular" },
+  { value: "right", label: "\u53F3\u5BF9\u9F50", icon: "fluent:text-align-right-20-regular" }
+];
+const currentAlignIcon = computed(
+  () => (ALIGN_OPTIONS.find((o) => o.value === (value.value.align ?? "left")) ?? ALIGN_OPTIONS[0]).icon
+);
+const DISPLAY_MODE_OPTIONS = [
+  { value: "plain", label: "\u6587\u672C" },
+  { value: "mono", label: "\u7B49\u5BBD" }
+];
+const copyExpressionModel = computed({
+  get: () => value.value.copyExpression ?? "",
+  set: (v) => {
+    if (v === "") delete value.value.copyExpression;
+    else value.value.copyExpression = v;
+  }
+});
+</script>
+
+<template>
+  <div class="space-y-5">
+    <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="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('tooltip')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('tooltip')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("tooltip") }}
+        </FieldLabel>
+        <Locale
+          v-model="value.tooltip"
+          markdown
+        />
+      </Field>
+    </div>
+    <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="fieldDescription('accessor')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('accessor')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("accessor") }}
+        </FieldLabel>
+        <Input
+          v-model="value.accessor"
+          placeholder="如 row.user.name"
+          class="font-mono text-xs"
+        />
+      </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>
+          <InputGroupAddon align="inline-start">
+            <DropdownMenu>
+              <DropdownMenuTrigger as-child>
+                <InputGroupButton
+                  variant="ghost"
+                  size="xs"
+                  :title="fieldTitle('align')"
+                >
+                  <Icon :icon="currentAlignIcon" />
+                </InputGroupButton>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent align="start">
+                <DropdownMenuItem
+                  v-for="opt in ALIGN_OPTIONS"
+                  :key="opt.value"
+                  @select="value.align = opt.value"
+                >
+                  <Icon :icon="opt.icon" />
+                  {{ opt.label }}
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
+          </InputGroupAddon>
+          <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>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('copyExpression')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('copyExpression')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("copyExpression") }}
+        </FieldLabel>
+        <ExpressionEditor
+          v-model="copyExpressionModel"
+          placeholder="如 row.name"
+          result-type="string"
+          class="min-h-10"
+        />
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('displayMode')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('displayMode')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("displayMode") }}
+        </FieldLabel>
+        <Select
+          :model-value="value.displayMode ?? 'plain'"
+          @update:model-value="(v) => value.displayMode = v"
+        >
+          <SelectTrigger class="w-full">
+            <SelectValue />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem
+              v-for="opt in DISPLAY_MODE_OPTIONS"
+              :key="opt.value"
+              :value="opt.value"
+            >
+              {{ opt.label }}
+            </SelectItem>
+          </SelectContent>
+        </Select>
+      </Field>
+    </div>
+    <Separator />
+    <div class="flex flex-wrap gap-x-8 gap-y-3">
+      <Field
+        orientation="horizontal"
+        class="w-auto gap-2"
+      >
+        <Switch
+          :model-value="value.enableSorting ?? false"
+          @update:model-value="(v) => value.enableSorting = v"
+        />
+        <FieldLabel class="text-sm text-zinc-600">
+          <template
+            v-if="fieldDescription('enableSorting')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('enableSorting')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("enableSorting") }}
+        </FieldLabel>
+      </Field>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.text/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.text/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.text/runtime.vue

@@ -0,0 +1,54 @@
+<script setup>
+import { computed } from "vue";
+import { Icon } from "@iconify/vue";
+import { Effect } from "effect";
+import { useNuxtApp } from "#app";
+import { Button } from "../../../../ui/button";
+import { JUSTIFY_CLASS } from "../../../utils/runtime";
+import { celBindings, injectCELContext } from "../../../../../plugins/cel/context";
+defineOptions({ name: "ShwfedTableTextRendererRuntime" });
+const props = defineProps({
+  column: { type: null, required: true },
+  ctx: { type: Object, required: true }
+});
+const { $cel } = useNuxtApp();
+const celContext = injectCELContext();
+const rawValue = computed(() => props.ctx.cell.getValue());
+const isMissing = computed(() => rawValue.value === void 0 || rawValue.value === null);
+const align = computed(() => isMissing.value ? "center" : props.column.align ?? "left");
+const justifyClass = computed(() => JUSTIFY_CLASS[align.value] ?? JUSTIFY_CLASS.left);
+const showCopy = computed(() => !!props.column.copyExpression && !isMissing.value && rawValue.value !== "");
+const onCopy = async () => {
+  const { column } = props;
+  if (!column.copyExpression) return;
+  try {
+    const text = String(Effect.runSync($cel(column.copyExpression, celBindings(celContext))));
+    await navigator.clipboard.writeText(text);
+  } catch (e) {
+    console.error("[shwfed-table] text copy failed", e);
+  }
+};
+</script>
+
+<template>
+  <span
+    :class="[
+  'relative w-full py-2 px-1 flex items-center text-xs group',
+  justifyClass,
+  isMissing ? 'font-mono text-zinc-300 select-none' : [column.displayMode === 'mono' && 'font-mono', 'text-zinc-600']
+]"
+  >
+    <span class="min-w-0 truncate">
+      {{ isMissing ? "-" : String(rawValue) }}
+    </span>
+    <Button
+      v-if="showCopy"
+      aria-label="Copy"
+      class="p-1 w-6 h-6 flex items-center justify-center right-1 top-1/2 -translate-y-1/2 transform-3d group-hover:opacity-100 opacity-0 absolute transition-opacity duration-180"
+      size="xs"
+      @click="onCopy"
+    >
+      <Icon icon="fluent:copy-20-regular" />
+    </Button>
+  </span>
+</template>

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.text/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;