@shwfed/config 2.10.12 → 2.11.1

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-multi/runtime.vue

@@ -15,7 +15,7 @@ import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../../..
 import { Skeleton } from "../../../../ui/skeleton";
 import { Tree as UiTree } from "../../../../ui/tree";
 import { useFormState } from "../../../../form/utils/state";
-import { interpolateMarkdown } from "../../../utils/runtime";
+import { JUSTIFY_CLASS, TEXT_ALIGN_CLASS, interpolateMarkdown } from "../../../utils/runtime";
 import { useSharedFetchLayer } from "../../../utils/shared-fetch";
 import {
   findWrappedPath,
@@ -71,7 +71,6 @@ function evalBool(expression, label) {
     return false;
   }
 }
-const isHidden = computed(() => evalBool(props.column.hidden, "hidden"));
 const isDisabled = computed(() => evalBool(props.column.disabled, "disabled"));
 const formReadonly = useFormReadonly();
 const isReadonly = computed(
@@ -80,6 +79,8 @@ const isReadonly = computed(
 const effectiveReadonly = computed(
   () => isReadonly.value || props.column.derived?.mode === "formula"
 );
+const justifyClass = computed(() => JUSTIFY_CLASS[props.column.align ?? "left"] ?? JUSTIFY_CLASS.left);
+const textAlignClass = computed(() => TEXT_ALIGN_CLASS[props.column.align ?? "left"] ?? TEXT_ALIGN_CLASS.left);
 const committedKeys = computed(() => {
   const raw = formState.getAt(props.column.binding);
   return Array.isArray(raw) ? raw.map((v) => String(v)) : [];
@@ -325,10 +326,6 @@ const hoveredTooltip = computed(() => {
 
 <template>
   <div class="p-[0.125rem] w-full">
-    <span
-      v-if="isHidden"
-      class="block h-7 w-full"
-    />
     <!--
       Readonly empty state mirrors the `text` column exactly: a centered,
       faded, non-selectable `-` in `font-mono`, so a readonly grid reads
@@ -336,10 +333,10 @@ const hoveredTooltip = computed(() => {
       left-aligned dark text.
     -->
     <span
-      v-else-if="effectiveReadonly"
+      v-if="effectiveReadonly"
       :class="[
   'flex items-center h-7 w-full px-2 text-[0.75rem] truncate',
-  readonlyLabel ? 'text-zinc-700' : 'justify-center font-mono text-zinc-300 select-none'
+  readonlyLabel ? ['text-zinc-700', justifyClass] : 'justify-center font-mono text-zinc-300 select-none'
 ]"
     >
       {{ readonlyLabel || "-" }}
@@ -358,7 +355,7 @@ const hoveredTooltip = computed(() => {
               :model-value="triggerLabel"
               :disabled="isDisabled"
               :placeholder="placeholderText"
-              class="h-7 text-[0.75rem] md:text-[0.75rem] px-2 cursor-pointer text-left"
+              :class="['h-7 text-[0.75rem] md:text-[0.75rem] px-2 cursor-pointer', textAlignClass]"
               readonly
             />
           </PopoverTrigger>

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-multi/schema.d.ts

@@ -10,6 +10,9 @@ export declare const metadata: {
     readonly selection: true;
 };
 export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
+    align: Schema.optionalWith<Schema.Literal<["left", "center", "right"]>, {
+        default: () => "left";
+    }>;
     placeholder: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
         locale: Schema.Literal<["zh"]>;
         message: Schema.SchemaClass<string, string, never>;
@@ -17,7 +20,6 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         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<{
@@ -71,6 +73,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         locale: Schema.Literal<["ja", "en", "ko"]>;
         message: Schema.SchemaClass<string, string, never>;
     }>]>>;
+    hidden: 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.tree-combobox-multi"]>;

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-multi/schema.js

@@ -4,6 +4,7 @@ import { Locale } from "../../../../../share/locale.js";
 import { Expression, HttpRequestResult, LocaleMarkdown } from "../../../../../share/expression.js";
 import { registerNodeVariableIfAbsent } from "../../../../../share/tree-node-var.js";
 import {
+  Align,
   CelRowAccess,
   derivedRowField,
   editableColumnFields,
@@ -67,14 +68,11 @@ export function schema(configure) {
     type: Schema.Literal(type),
     compatibilityDate: Schema.Literal(compatibilityDate),
     ...editableColumnFields(),
+    align: Schema.optionalWith(Align.annotations({ title: "\u5BF9\u9F50" }), { default: () => "left" }),
     placeholder: Schema.optional(Locale.annotations({
       title: "\u5360\u4F4D\u7B26",
       description: "\u672A\u9009\u4E2D\u4EFB\u4F55\u9009\u9879\u65F6\u8F93\u5165\u6846\u4E2D\u7684\u5360\u4F4D\u6587\u672C"
     })),
-    hidden: Schema.optional(CelBool.annotations({
-      title: "\u9690\u85CF\u6761\u4EF6",
-      description: "\u8FD4\u56DE `true` \u65F6\u8BE5\u884C\u7684\u4E0B\u62C9\u6811\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\u4E0B\u62C9\u6811\u4ECD\u7136\u6E32\u67D3\u4F46\u4E0D\u53EF\u9009\u62E9"

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/config.d.vue.ts

@@ -15,7 +15,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly hidden?: string | undefined;
+        readonly hidden?: boolean | undefined;
         readonly tooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -23,6 +23,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly align: "center" | "left" | "right";
         readonly compatibilityDate: "2026-06-14";
         readonly grow?: boolean | undefined;
         readonly groupId?: string | undefined;
@@ -72,7 +73,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly hidden?: string | undefined;
+        readonly hidden?: boolean | undefined;
         readonly tooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -80,6 +81,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly align: "center" | "left" | "right";
         readonly compatibilityDate: "2026-06-14";
         readonly grow?: boolean | undefined;
         readonly groupId?: string | undefined;

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/config.vue

@@ -10,6 +10,12 @@ import {
   InputGroupInput,
   InputGroupNumberField
 } from "../../../../ui/input-group";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "../../../../ui/dropdown-menu";
 import { Locale as LocaleField } from "../../../../ui/locale";
 import { Markdown } from "../../../../ui/markdown";
 import { Separator } from "../../../../ui/separator";
@@ -28,6 +34,14 @@ const dataSourceSchema = DataSource(() => {
 });
 const dataSourceFieldTitle = (f) => getStructFieldTitle(dataSourceSchema, f) ?? f;
 const dataSourceFieldDescription = (f) => getStructFieldDescription(dataSourceSchema, f);
+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 ROW_VARS = {
   row: { type: "dyn", label: "\u5F53\u524D\u884C\u6570\u636E" },
   index: { type: "number", label: "\u884C\u7D22\u5F15" }
@@ -68,6 +82,14 @@ function setOptionalExpression(key, next) {
     value.value = { ...value.value, [key]: next };
   }
 }
+function onHiddenChange(v) {
+  if (v) {
+    value.value = { ...value.value, hidden: true };
+  } else {
+    const { hidden: _drop, ...rest } = value.value;
+    value.value = rest;
+  }
+}
 function setDataSourceData(next) {
   value.value = {
     ...value.value,
@@ -193,6 +215,29 @@ const derivedModel = computed({
           {{ 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 = { ...value, align: opt.value }"
+                >
+                  <Icon :icon="opt.icon" />
+                  {{ opt.label }}
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
+          </InputGroupAddon>
           <InputGroupNumberField
             :model-value="value.size"
             :disabled="value.grow"
@@ -442,30 +487,8 @@ const derivedModel = computed({
       </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('hidden')"
-            #tooltip
-          >
-            <Markdown
-              :source="fieldDescription('hidden')"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ fieldTitle("hidden") }}
-        </FieldLabel>
-        <ExpressionEditor
-          :model-value="value.hidden ?? ''"
-          placeholder="例：row.archived"
-          result-type="bool"
-          :extra-vars="ROW_VARS"
-          @update:model-value="(v) => setOptionalExpression('hidden', v)"
-        />
-      </Field>
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
           <template
@@ -572,6 +595,27 @@ const derivedModel = computed({
           </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>
+        <div>
+          <Switch
+            :model-value="value.hidden ?? false"
+            @update:model-value="onHiddenChange"
+          />
+        </div>
+      </Field>
     </div>
   </div>
 </template>

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/config.vue.d.ts

@@ -15,7 +15,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly hidden?: string | undefined;
+        readonly hidden?: boolean | undefined;
         readonly tooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -23,6 +23,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly align: "center" | "left" | "right";
         readonly compatibilityDate: "2026-06-14";
         readonly grow?: boolean | undefined;
         readonly groupId?: string | undefined;
@@ -72,7 +73,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly hidden?: string | undefined;
+        readonly hidden?: boolean | undefined;
         readonly tooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -80,6 +81,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly align: "center" | "left" | "right";
         readonly compatibilityDate: "2026-06-14";
         readonly grow?: boolean | undefined;
         readonly groupId?: string | undefined;

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/runtime.vue

@@ -15,7 +15,7 @@ import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../../..
 import { Skeleton } from "../../../../ui/skeleton";
 import { Tree as UiTree } from "../../../../ui/tree";
 import { useFormState } from "../../../../form/utils/state";
-import { interpolateMarkdown } from "../../../utils/runtime";
+import { JUSTIFY_CLASS, TEXT_ALIGN_CLASS, interpolateMarkdown } from "../../../utils/runtime";
 import { useSharedFetchLayer } from "../../../utils/shared-fetch";
 import {
   findWrappedPath,
@@ -71,7 +71,6 @@ function evalBool(expression, label) {
     return false;
   }
 }
-const isHidden = computed(() => evalBool(props.column.hidden, "hidden"));
 const isDisabled = computed(() => evalBool(props.column.disabled, "disabled"));
 const formReadonly = useFormReadonly();
 const isReadonly = computed(
@@ -80,6 +79,8 @@ const isReadonly = computed(
 const effectiveReadonly = computed(
   () => isReadonly.value || props.column.derived?.mode === "formula"
 );
+const justifyClass = computed(() => JUSTIFY_CLASS[props.column.align ?? "left"] ?? JUSTIFY_CLASS.left);
+const textAlignClass = computed(() => TEXT_ALIGN_CLASS[props.column.align ?? "left"] ?? TEXT_ALIGN_CLASS.left);
 const model = computed({
   get: () => {
     const raw = formState.getAt(props.column.binding);
@@ -291,10 +292,6 @@ const hoveredTooltip = computed(() => {
 
 <template>
   <div class="p-[0.125rem] w-full">
-    <span
-      v-if="isHidden"
-      class="block h-7 w-full"
-    />
     <!--
       Readonly empty state mirrors the `text` column exactly: a centered,
       faded, non-selectable `-` in `font-mono`, so a readonly grid reads
@@ -302,10 +299,10 @@ const hoveredTooltip = computed(() => {
       left-aligned dark text.
     -->
     <span
-      v-else-if="effectiveReadonly"
+      v-if="effectiveReadonly"
       :class="[
   'flex items-center h-7 w-full px-2 text-[0.75rem] truncate',
-  triggerLabel ? 'text-zinc-700' : 'justify-center font-mono text-zinc-300 select-none'
+  triggerLabel ? ['text-zinc-700', justifyClass] : 'justify-center font-mono text-zinc-300 select-none'
 ]"
     >
       {{ triggerLabel || "-" }}
@@ -324,7 +321,7 @@ const hoveredTooltip = computed(() => {
               :model-value="triggerLabel"
               :disabled="isDisabled"
               :placeholder="placeholderText"
-              class="h-7 text-[0.75rem] md:text-[0.75rem] px-2 cursor-pointer text-left"
+              :class="['h-7 text-[0.75rem] md:text-[0.75rem] px-2 cursor-pointer', textAlignClass]"
               readonly
             />
           </PopoverTrigger>

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/schema.d.ts

@@ -10,6 +10,9 @@ export declare const metadata: {
     readonly selection: true;
 };
 export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
+    align: Schema.optionalWith<Schema.Literal<["left", "center", "right"]>, {
+        default: () => "left";
+    }>;
     placeholder: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
         locale: Schema.Literal<["zh"]>;
         message: Schema.SchemaClass<string, string, never>;
@@ -17,7 +20,6 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         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<{
@@ -68,6 +70,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         locale: Schema.Literal<["ja", "en", "ko"]>;
         message: Schema.SchemaClass<string, string, never>;
     }>]>>;
+    hidden: 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.tree-combobox-single"]>;

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/schema.js

@@ -4,6 +4,7 @@ import { Locale } from "../../../../../share/locale.js";
 import { Expression, HttpRequestResult, LocaleMarkdown } from "../../../../../share/expression.js";
 import { registerNodeVariableIfAbsent } from "../../../../../share/tree-node-var.js";
 import {
+  Align,
   CelRowAccess,
   derivedRowField,
   editableColumnFields,
@@ -67,14 +68,11 @@ export function schema(configure) {
     type: Schema.Literal(type),
     compatibilityDate: Schema.Literal(compatibilityDate),
     ...editableColumnFields(),
+    align: Schema.optionalWith(Align.annotations({ title: "\u5BF9\u9F50" }), { default: () => "left" }),
     placeholder: Schema.optional(Locale.annotations({
       title: "\u5360\u4F4D\u7B26",
       description: "\u672A\u9009\u4E2D\u4EFB\u4F55\u9009\u9879\u65F6\u8F93\u5165\u6846\u4E2D\u7684\u5360\u4F4D\u6587\u672C"
     })),
-    hidden: Schema.optional(CelBool.annotations({
-      title: "\u9690\u85CF\u6761\u4EF6",
-      description: "\u8FD4\u56DE `true` \u65F6\u8BE5\u884C\u7684\u4E0B\u62C9\u6811\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\u4E0B\u62C9\u6811\u4ECD\u7136\u6E32\u67D3\u4F46\u4E0D\u53EF\u9009\u62E9"

package/dist/runtime/components/table/columns/2026-06-17/com.shwfed.table.column.date-input/config.vue

@@ -4,6 +4,7 @@ import { Icon } from "@iconify/vue";
 import { format as formatDate } from "date-fns";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
 import { Separator } from "../../../../ui/separator";
+import { Switch } from "../../../../ui/switch";
 import { Button } from "../../../../ui/button";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { Locale } from "../../../../ui/locale";
@@ -15,6 +16,12 @@ import {
   InputGroupNumberField,
   InputGroupText
 } from "../../../../ui/input-group";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "../../../../ui/dropdown-menu";
 import { getStructFieldDescription, getStructFieldTitle } from "../../../utils/schema-meta";
 import { Markdown } from "../../../../ui/markdown";
 import DerivedValueEditor from "../../../../form/DerivedValueEditor.vue";
@@ -29,6 +36,14 @@ const presetFieldSchema = presetSchema(() => {
 });
 const presetFieldTitle = (field) => getStructFieldTitle(presetFieldSchema, field) ?? field;
 const presetFieldDescription = (field) => getStructFieldDescription(presetFieldSchema, 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 ROW_VARS = {
   row: { type: "dyn", label: "\u5F53\u524D\u884C\u6570\u636E" },
   index: { type: "number", label: "\u884C\u7D22\u5F15" }
@@ -77,6 +92,14 @@ const bindingText = computed({
     }
   }
 });
+function onHiddenChange(v) {
+  if (v) {
+    value.value = { ...value.value, hidden: true };
+  } else {
+    const { hidden: _drop, ...rest } = value.value;
+    value.value = rest;
+  }
+}
 const formatText = computed({
   get: () => value.value.format ?? "",
   set: (v) => {
@@ -111,17 +134,6 @@ function previewFormat(fmt) {
 }
 const formatExample = computed(() => previewFormat(value.value.format ?? ""));
 const valueFormatExample = computed(() => previewFormat(value.value.valueFormat ?? ""));
-const hiddenModel = computed({
-  get: () => value.value.hidden ?? "",
-  set: (v) => {
-    if (v === "") {
-      const { hidden: _drop, ...rest } = value.value;
-      value.value = rest;
-    } else {
-      value.value = { ...value.value, hidden: v };
-    }
-  }
-});
 const disabledModel = computed({
   get: () => value.value.disabled ?? "",
   set: (v) => {
@@ -311,6 +323,29 @@ const derivedModel = computed({
           {{ 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 = { ...value, align: opt.value }"
+                >
+                  <Icon :icon="opt.icon" />
+                  {{ opt.label }}
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
+          </InputGroupAddon>
           <InputGroupNumberField
             :model-value="value.size"
             :disabled="value.grow"
@@ -329,27 +364,6 @@ const derivedModel = computed({
           </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
@@ -538,6 +552,27 @@ const derivedModel = computed({
           </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>
+        <div>
+          <Switch
+            :model-value="value.hidden ?? false"
+            @update:model-value="onHiddenChange"
+          />
+        </div>
+      </Field>
     </div>
   </div>
 </template>

package/dist/runtime/components/table/columns/2026-06-17/com.shwfed.table.column.date-input/runtime.vue

@@ -9,6 +9,7 @@ import { useFormReadonly } from "../../../../form/utils/readonly";
 import { getLocalizedText } from "../../../../../share/locale";
 import { DATE_PICKER_DEFAULT_FORMATS, DatePicker } from "../../../../ui/date-picker";
 import { useFormState } from "../../../../form/utils/state";
+import { JUSTIFY_CLASS, TEXT_ALIGN_CLASS } from "../../../utils/runtime";
 defineOptions({ name: "ShwfedTableDateInputRendererRuntime" });
 const props = defineProps({
   column: { type: null, required: true },
@@ -29,7 +30,6 @@ function evalBool(expression, label) {
     return false;
   }
 }
-const isHidden = computed(() => evalBool(props.column.hidden, "hidden"));
 const isDisabled = computed(() => evalBool(props.column.disabled, "disabled"));
 const formReadonly = useFormReadonly();
 const isReadonly = computed(
@@ -41,6 +41,8 @@ const effectiveReadonly = computed(
 const resolvedValueFormat = computed(
   () => props.column.valueFormat ?? DATE_PICKER_DEFAULT_FORMATS.date.value
 );
+const justifyClass = computed(() => JUSTIFY_CLASS[props.column.align ?? "left"] ?? JUSTIFY_CLASS.left);
+const textAlignClass = computed(() => TEXT_ALIGN_CLASS[props.column.align ?? "left"] ?? TEXT_ALIGN_CLASS.left);
 const shortcuts = computed(() => {
   const list = props.column.presets;
   if (!list || list.length === 0) return void 0;
@@ -71,14 +73,10 @@ const model = computed({
 <template>
   <!--
     Row budget matches the editable input columns: 2px outer inset around a 28px
-    (`h-7`) control — total 32px. Every branch (hidden / readonly / editable) is
+    (`h-7`) control — total 32px. Every branch (readonly / editable) is
     sized identically so rows do not jump when a CEL condition flips.
   -->
   <div class="p-[0.125rem] w-full">
-    <span
-      v-if="isHidden"
-      class="block h-7 w-full"
-    />
     <!--
       Readonly empty state mirrors the `text-input` column: a centered, faded,
       non-selectable `-` so a readonly grid reads uniformly regardless of which
@@ -86,10 +84,10 @@ const model = computed({
       dark text.
     -->
     <span
-      v-else-if="effectiveReadonly"
+      v-if="effectiveReadonly"
       :class="[
   'flex items-center h-7 w-full px-2 text-[0.75rem] truncate',
-  model ? 'text-zinc-700' : 'justify-center font-mono text-zinc-300 select-none'
+  model ? ['text-zinc-700', justifyClass] : 'justify-center font-mono text-zinc-300 select-none'
 ]"
     >
       {{ model || "-" }}
@@ -107,7 +105,7 @@ const model = computed({
       type="date"
       size="sm"
       class="w-full"
-      input-class="border-zinc-200/30 hover:border-zinc-200 focus-within:border-zinc-200 transition-colors ease-out duration-180"
+      :input-class="['border-zinc-200/30 hover:border-zinc-200 focus-within:border-zinc-200 transition-colors ease-out duration-180', textAlignClass]"
       :format="column.format"
       :value-format="column.valueFormat"
       :placeholder="placeholderText"

package/dist/runtime/components/table/columns/2026-06-17/com.shwfed.table.column.date-input/schema.d.ts

@@ -20,6 +20,9 @@ export declare function presetSchema(configure: (env: Environment) => void): Sch
     value: Schema.Schema<string, string, never>;
 }>;
 export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
+    align: Schema.optionalWith<Schema.Literal<["left", "center", "right"]>, {
+        default: () => "left";
+    }>;
     placeholder: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
         locale: Schema.Literal<["zh"]>;
         message: Schema.SchemaClass<string, string, never>;
@@ -27,7 +30,6 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         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<{
@@ -66,6 +68,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         locale: Schema.Literal<["ja", "en", "ko"]>;
         message: Schema.SchemaClass<string, string, never>;
     }>]>>;
+    hidden: 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.date-input"]>;