@shwfed/config 2.2.4 → 2.3.0

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.number-input/schema.d.ts

@@ -0,0 +1,56 @@
+import { Schema } from 'effect';
+import type { ColumnDef } from '@tanstack/vue-table';
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+import type { ColumnDefDeps } from '../../../utils/resolve.js';
+export declare const type: "com.shwfed.table.column.number-input";
+export declare const compatibilityDate: "2026-05-20";
+export declare const metadata: {
+    readonly name: "数值输入";
+    readonly icon: "fluent:number-symbol-20-regular";
+};
+export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
+    placeholder: 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>;
+    }>]>>;
+    hidden: Schema.optional<Schema.Schema<string, string, never>>;
+    disabled: Schema.optional<Schema.Schema<string, string, never>>;
+    readonly: Schema.optional<Schema.Schema<string, string, never>>;
+    precision: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
+    roundingMode: Schema.optional<Schema.Literal<["round", "floor", "ceil"]>>;
+    step: Schema.optional<Schema.refine<number, typeof Schema.Number>>;
+    valueAsString: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+    min: Schema.optional<Schema.Schema<string, string, never>>;
+    max: Schema.optional<Schema.Schema<string, string, never>>;
+    derived: Schema.optional<Schema.Struct<{
+        mode: Schema.Literal<["formula", "prefill"]>;
+        expression: Schema.Schema<string, string, never>;
+    }>>;
+    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>;
+    }>]>;
+    binding: Schema.refine<string, typeof Schema.String>;
+    enableSorting: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+    size: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
+    grow: Schema.optional<Schema.SchemaClass<boolean, boolean, 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>;
+    }>]>>;
+    id: Schema.refine<string, typeof Schema.String>;
+    groupId: Schema.optional<typeof Schema.UUID>;
+    type: Schema.Literal<["com.shwfed.table.column.number-input"]>;
+    compatibilityDate: Schema.Literal<["2026-05-20"]>;
+}>;
+export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+export declare function toColumnDef(value: Value, { getLocaleText }: ColumnDefDeps): Partial<ColumnDef<unknown, unknown>>;

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.number-input/schema.js

@@ -0,0 +1,81 @@
+import { Schema } from "effect";
+import { getProperty } from "dot-prop";
+import { Locale } from "../../../../../share/locale.js";
+import { CelRowAccess, derivedRowField, editableColumnFields, editableHeader } from "../../../utils/shared.js";
+export const type = "com.shwfed.table.column.number-input";
+export const compatibilityDate = "2026-05-20";
+export const metadata = {
+  name: "\u6570\u503C\u8F93\u5165",
+  icon: "fluent:number-symbol-20-regular"
+};
+export function schema(configure) {
+  const CelBool = CelRowAccess(configure, { resultType: "bool" });
+  const CelNumber = CelRowAccess(configure, { resultType: "number" });
+  return Schema.Struct({
+    type: Schema.Literal(type),
+    compatibilityDate: Schema.Literal(compatibilityDate),
+    ...editableColumnFields(),
+    placeholder: Schema.optional(Locale.annotations({
+      title: "\u5360\u4F4D\u7B26",
+      description: "\u5355\u5143\u683C\u4E3A\u7A7A\u65F6\u663E\u793A\u7684\u63D0\u793A\u6587\u672C"
+    })),
+    hidden: Schema.optional(CelBool.annotations({
+      title: "\u9690\u85CF\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u65F6\u8BE5\u884C\u7684\u8F93\u5165\u6846\u4E0D\u6E32\u67D3\uFF08\u5176\u4F59\u884C\u4E0D\u53D7\u5F71\u54CD\uFF09"
+    })),
+    disabled: Schema.optional(CelBool.annotations({
+      title: "\u7981\u7528\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u65F6\u8F93\u5165\u6846\u4ECD\u7136\u6E32\u67D3\u4F46\u4E0D\u53EF\u7F16\u8F91"
+    })),
+    readonly: Schema.optional(CelBool.annotations({
+      title: "\u53EA\u8BFB\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u65F6\u4EC5\u4EE5\u7EAF\u6587\u672C\u5C55\u793A\u5F53\u524D\u503C"
+    })),
+    precision: Schema.optional(Schema.Number.pipe(Schema.int(), Schema.nonNegative()).annotations({
+      title: "\u5C0F\u6570\u4F4D\u6570",
+      description: "\u4FDD\u7559\u7684\u5C0F\u6570\u4F4D\u6570\uFF1B\u7559\u7A7A\u8868\u793A\u4E0D\u9650\u5236\uFF08\u4EFB\u610F\u7CBE\u5EA6\uFF09"
+    })),
+    roundingMode: Schema.optional(Schema.Literal("round", "floor", "ceil").annotations({
+      title: "\u53D6\u6574\u6A21\u5F0F",
+      description: "\u8BBE\u7F6E\u4E86\u300C\u5C0F\u6570\u4F4D\u6570\u300D\u65F6\uFF0C\u5931\u7126\u65F6\u6309\u6B64\u6A21\u5F0F\u5C06\u503C\u53D6\u6574\uFF1B\u9ED8\u8BA4 `round`\uFF08\u56DB\u820D\u4E94\u5165\uFF09"
+    })),
+    step: Schema.optional(Schema.Number.pipe(Schema.positive()).annotations({
+      title: "\u6B65\u957F",
+      description: "\u53D6\u503C\u7684\u6700\u5C0F\u6B65\u957F\uFF1B\u7559\u7A7A\u65F6\u4E0D\u9650\u5236\uFF08\u4EFB\u610F\u7CBE\u5EA6\uFF09"
+    })),
+    valueAsString: Schema.optional(Schema.Boolean.annotations({
+      title: "\u4EE5\u5B57\u7B26\u4E32\u8BFB\u5199",
+      description: "\u5F00\u542F\u540E\u884C\u6570\u636E\u4EE5\u5B57\u7B26\u4E32\u5F62\u5F0F\u5B58\u50A8\u8BE5\u503C\uFF08\u9002\u7528\u4E8E\u540E\u7AEF\u4F7F\u7528 `DECIMAL` / `BIGINT` \u7B49\u9700\u8981\u539F\u6837\u56DE\u4F20\u7684\u5B57\u6BB5\uFF09\uFF1B\u5173\u95ED\u65F6\u82E5\u8BFB\u5230\u7684\u662F\u6570\u503C\u5B57\u7B26\u4E32\u4E5F\u4F1A\u88AB\u89E3\u6790\uFF0C\u4F46\u5199\u56DE\u4ECD\u4E3A\u6570\u503C"
+    })),
+    min: Schema.optional(CelNumber.annotations({
+      title: "\u6700\u5C0F\u503C",
+      description: "\u5141\u8BB8\u8F93\u5165\u7684\u6700\u5C0F\u503C\u8868\u8FBE\u5F0F\uFF0C\u53EF\u8BBF\u95EE `row` / `index` \u548C `form`\uFF1B\u7559\u7A7A\u65F6\u4E0D\u9650\u5236\u4E0B\u9650"
+    })),
+    max: Schema.optional(CelNumber.annotations({
+      title: "\u6700\u5927\u503C",
+      description: "\u5141\u8BB8\u8F93\u5165\u7684\u6700\u5927\u503C\u8868\u8FBE\u5F0F\uFF0C\u53EF\u8BBF\u95EE `row` / `index` \u548C `form`\uFF1B\u7559\u7A7A\u65F6\u4E0D\u9650\u5236\u4E0A\u9650"
+    })),
+    derived: derivedRowField(configure, "number")
+  }).annotations({ title: "NumberInputRenderer", description: "\u6570\u503C\u8F93\u5165\u6E32\u67D3\u5668\uFF08\u53EF\u7F16\u8F91\uFF09" });
+}
+export function toColumnDef(value, { getLocaleText }) {
+  return {
+    header: editableHeader(getLocaleText(value.title)),
+    // `binding` is a dot-prop path (validated non-empty); the cell renderer
+    // reads through the same path it writes to. No CEL — accessor is literal.
+    accessorFn: (row) => {
+      if (!row || typeof row !== "object") return void 0;
+      return getProperty(row, value.binding);
+    },
+    enableSorting: value.enableSorting ?? false,
+    // Numeric sort: TanStack's `alphanumeric` already groups numeric runs
+    // correctly, and tolerates the `valueAsString` case (a "12" still sorts
+    // numerically against a `2`) without us needing a custom comparator.
+    sortingFn: "alphanumeric",
+    size: value.size,
+    meta: {
+      grow: value.grow ?? false,
+      tooltip: getLocaleText(value.tooltip)
+    }
+  };
+}

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

@@ -0,0 +1,292 @@
+<script setup>
+import { computed } from "vue";
+import { Icon } from "@iconify/vue";
+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,
+  InputGroupInput,
+  InputGroupNumberField
+} from "../../../../ui/input-group";
+import { getStructFieldDescription, getStructFieldTitle } from "../../../utils/schema-meta";
+import { Markdown } from "../../../../ui/markdown";
+import DerivedValueEditor from "../../../../form/DerivedValueEditor.vue";
+import { schema } from "./schema";
+defineOptions({ name: "ShwfedTableTextInputRendererConfig" });
+const value = defineModel({ type: Object, ...{ required: true } });
+const fieldSchema = schema(() => {
+});
+const fieldTitle = (field) => getStructFieldTitle(fieldSchema, field) ?? field;
+const fieldDescription = (field) => getStructFieldDescription(fieldSchema, field);
+const ROW_VARS = {
+  row: { type: "dyn", label: "\u5F53\u524D\u884C\u6570\u636E" },
+  index: { type: "number", label: "\u884C\u7D22\u5F15" }
+};
+const bindingText = computed({
+  get: () => value.value.binding ?? "",
+  set: (v) => {
+    const trimmed = v.trim();
+    if (trimmed === "") delete value.value.binding;
+    else value.value.binding = trimmed;
+  }
+});
+const hiddenModel = computed({
+  get: () => value.value.hidden ?? "",
+  set: (v) => {
+    if (v === "") delete value.value.hidden;
+    else value.value.hidden = v;
+  }
+});
+const disabledModel = computed({
+  get: () => value.value.disabled ?? "",
+  set: (v) => {
+    if (v === "") delete value.value.disabled;
+    else value.value.disabled = v;
+  }
+});
+const readonlyModel = computed({
+  get: () => value.value.readonly ?? "",
+  set: (v) => {
+    if (v === "") delete value.value.readonly;
+    else value.value.readonly = v;
+  }
+});
+const derivedModel = computed({
+  get: () => value.value.derived,
+  set: (v) => {
+    if (v == null) delete value.value.derived;
+    else value.value.derived = 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('binding')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('binding')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("binding") }}
+        </FieldLabel>
+        <InputGroup>
+          <InputGroupInput
+            v-model="bindingText"
+            placeholder="例：name"
+            class="font-mono"
+          />
+        </InputGroup>
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('placeholder')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('placeholder')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("placeholder") }}
+        </FieldLabel>
+        <Locale v-model="value.placeholder" />
+      </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>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('hidden')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('hidden')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("hidden") }}
+        </FieldLabel>
+        <ExpressionEditor
+          v-model="hiddenModel"
+          placeholder="例：row.archived"
+          result-type="bool"
+          :extra-vars="ROW_VARS"
+        />
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('disabled')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('disabled')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("disabled") }}
+        </FieldLabel>
+        <ExpressionEditor
+          v-model="disabledModel"
+          placeholder="例：row.locked"
+          result-type="bool"
+          :extra-vars="ROW_VARS"
+        />
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('readonly')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('readonly')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("readonly") }}
+        </FieldLabel>
+        <ExpressionEditor
+          v-model="readonlyModel"
+          placeholder="例：row.id != null"
+          result-type="bool"
+          :extra-vars="ROW_VARS"
+        />
+      </Field>
+      <Field
+        orientation="vertical"
+        class="col-span-2"
+      >
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('derived')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('derived')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("derived") }}
+        </FieldLabel>
+        <DerivedValueEditor
+          v-model="derivedModel"
+          result-type="string"
+          placeholder="例：string(row.first) + ' ' + string(row.last)"
+        />
+      </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-05-20/com.shwfed.table.column.text-input/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-05-20/com.shwfed.table.column.text-input/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-05-20/com.shwfed.table.column.text-input/runtime.vue

@@ -0,0 +1,140 @@
+<script setup>
+import { Effect } from "effect";
+import { computed, ref, watch } from "vue";
+import { useI18n } from "vue-i18n";
+import { Icon } from "@iconify/vue";
+import { cel as $cel } from "../../../../../utils/cel";
+import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import { getLocalizedText } from "../../../../../share/locale";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput
+} from "../../../../ui/input-group";
+import { useFormState } from "../../../../form/utils/state";
+defineOptions({ name: "ShwfedTableTextInputRendererRuntime" });
+const props = defineProps({
+  column: { type: null, required: true },
+  ctx: { type: Object, required: true }
+});
+const { locale } = useI18n();
+const celContext = injectCELContext();
+const formState = useFormState();
+const placeholderText = computed(
+  () => props.column.placeholder ? getLocalizedText(props.column.placeholder, locale.value) : void 0
+);
+function evalBool(expression, label) {
+  if (!expression) return false;
+  try {
+    return Effect.runSync($cel(expression, celBindings(celContext))) === true;
+  } catch (e) {
+    console.error(`[shwfed-table] text-input ${label} failed`, e);
+    return false;
+  }
+}
+const isHidden = computed(() => evalBool(props.column.hidden, "hidden"));
+const isDisabled = computed(() => evalBool(props.column.disabled, "disabled"));
+const isReadonly = computed(() => evalBool(props.column.readonly, "readonly"));
+const effectiveReadonly = computed(
+  () => isReadonly.value || props.column.derived?.mode === "formula"
+);
+const cellValue = computed(() => {
+  const v = formState.getAt(props.column.binding);
+  return v == null ? "" : String(v);
+});
+const draft = ref(cellValue.value);
+const isFocused = ref(false);
+watch(cellValue, (next) => {
+  if (!isFocused.value && next !== draft.value) draft.value = next;
+});
+function commit() {
+  const next = draft.value === "" ? null : draft.value;
+  if (Object.is(next, formState.getAt(props.column.binding))) return;
+  formState.setAt(props.column.binding, next);
+}
+function onFocus() {
+  isFocused.value = true;
+}
+function onBlur() {
+  isFocused.value = false;
+  commit();
+}
+const showClear = computed(() => !isDisabled.value && draft.value.length > 0);
+function handleClear() {
+  draft.value = "";
+  commit();
+}
+</script>
+
+<template>
+  <!--
+    Row budget: 2px outer inset (`p-[0.125rem]`) on each side around a 28px
+    (`h-7`) input — total 32px. The inset is the deliberate gap between the
+    input border and the td borders; the 28px input gives the 12px text some
+    vertical breathing room. Every branch (hidden / readonly / editable) is
+    sized identically so rows do not jump when a CEL condition flips. The
+    default `Input` ships `h-9` + `text-base` + `md:text-sm` — we override
+    each at the same breakpoint or `md:text-sm` would beat our unprefixed
+    `text-[0.75rem]` and the input would render at 14px from md+ up. The
+    `InputGroup`'s default border is kept on purpose (a borderless cell would
+    not read as editable) but its `rounded-md` is overridden to `rounded` for
+    a tighter cell look. Clear button uses `icon-xs` with an explicit `size-3`
+    icon — the `icon-xs` variant does not constrain svg size on its own, so
+    the iconify default would render at the parent's font-size and look
+    oversized.
+  -->
+  <div class="p-[0.125rem] w-full">
+    <span
+      v-if="isHidden"
+      class="block h-7 w-full"
+    />
+    <span
+      v-else-if="effectiveReadonly"
+      class="flex items-center h-7 w-full px-2 text-[0.75rem] text-zinc-700 truncate"
+    >
+      {{ draft || "\u2014" }}
+    </span>
+    <!--
+      Idle border is faded to 30% so a whole grid of inputs reads as data, not
+      chrome. `hover:` and `focus-within:` snap it back to full so the active
+      cell stands out. `transition-colors ease-out duration-180` overrides
+      `InputGroup`'s default `transition-[color,box-shadow]` to set the curve
+      and timing explicitly. `data-[disabled=true]:border-zinc-100` from
+      `InputGroup` still takes over for disabled, no override needed.
+    -->
+    <InputGroup
+      v-else
+      class="group/text-input h-7 rounded border-zinc-200/30 hover:border-zinc-200 focus-within:border-zinc-200 transition-colors ease-out duration-180"
+    >
+      <InputGroupInput
+        v-model="draft"
+        :placeholder="placeholderText"
+        :disabled="isDisabled"
+        class="h-7 text-[0.75rem] md:text-[0.75rem] px-2"
+        @focus="onFocus"
+        @blur="onBlur"
+        @keydown.enter="commit"
+      />
+      <InputGroupAddon
+        v-if="showClear"
+        align="inline-end"
+        class="[@media(hover:hover)]:opacity-0 transition-opacity group-hover/text-input:opacity-100 focus-within:opacity-100"
+      >
+        <InputGroupButton
+          size="icon-xs"
+          data-slot="text-input-clear"
+          class="size-4 text-zinc-500 hover:text-zinc-700"
+          tabindex="-1"
+          @mousedown.prevent
+          @click.stop="handleClear"
+        >
+          <Icon
+            icon="fluent:dismiss-20-regular"
+            class="size-3"
+          />
+        </InputGroupButton>
+      </InputGroupAddon>
+    </InputGroup>
+  </div>
+</template>

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.text-input/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-05-20/com.shwfed.table.column.text-input/schema.d.ts

@@ -0,0 +1,50 @@
+import { Schema } from 'effect';
+import type { ColumnDef } from '@tanstack/vue-table';
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+import type { ColumnDefDeps } from '../../../utils/resolve.js';
+export declare const type: "com.shwfed.table.column.text-input";
+export declare const compatibilityDate: "2026-05-20";
+export declare const metadata: {
+    readonly name: "文本输入";
+    readonly icon: "fluent:text-field-20-regular";
+};
+export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
+    placeholder: 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>;
+    }>]>>;
+    hidden: Schema.optional<Schema.Schema<string, string, never>>;
+    disabled: Schema.optional<Schema.Schema<string, string, never>>;
+    readonly: Schema.optional<Schema.Schema<string, string, never>>;
+    derived: Schema.optional<Schema.Struct<{
+        mode: Schema.Literal<["formula", "prefill"]>;
+        expression: Schema.Schema<string, string, never>;
+    }>>;
+    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>;
+    }>]>;
+    binding: Schema.refine<string, typeof Schema.String>;
+    enableSorting: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+    size: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
+    grow: Schema.optional<Schema.SchemaClass<boolean, boolean, 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>;
+    }>]>>;
+    id: Schema.refine<string, typeof Schema.String>;
+    groupId: Schema.optional<typeof Schema.UUID>;
+    type: Schema.Literal<["com.shwfed.table.column.text-input"]>;
+    compatibilityDate: Schema.Literal<["2026-05-20"]>;
+}>;
+export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+export declare function toColumnDef(value: Value, { getLocaleText }: ColumnDefDeps): Partial<ColumnDef<unknown, unknown>>;