@shwfed/config 2.10.12 → 2.11.1

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

@@ -4,6 +4,7 @@ import { Icon } from "@iconify/vue";
 import { format as formatDate } from "date-fns";
 import { Input } from "../../../../ui/input";
 import { Separator } from "../../../../ui/separator";
+import { Switch } from "../../../../ui/switch";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { Locale } from "../../../../ui/locale";
 import {
@@ -37,6 +38,14 @@ const ALIGN_OPTIONS = [
 const currentAlignIcon = computed(
   () => (ALIGN_OPTIONS.find((o) => o.value === (value.value.align ?? "left")) ?? ALIGN_OPTIONS[0]).icon
 );
+function onHiddenChange(v) {
+  if (v) {
+    value.value = { ...value.value, hidden: true };
+  } else {
+    const { hidden: _drop, ...rest } = value.value;
+    value.value = rest;
+  }
+}
 const dateFormatExample = computed(() => {
   const fmt = value.value?.format;
   if (!fmt) return "";
@@ -238,6 +247,27 @@ const dateFormatExample = 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-04-14/com.shwfed.table.column.date/schema.d.ts

@@ -20,7 +20,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         locale: Schema.Literal<["ja", "en", "ko"]>;
         message: Schema.SchemaClass<string, string, never>;
     }>]>;
-    accessor: Schema.Schema<string, string, never>;
+    accessor: Schema.optional<Schema.Schema<string, string, never>>;
     enableSorting: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
     sortKey: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     size: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
@@ -32,6 +32,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"]>;

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

@@ -24,7 +24,6 @@ export function schema(configure) {
 export function defaults() {
   return {
     title: [{ locale: "zh", message: "" }],
-    accessor: "",
     format: "yyyy-MM-dd",
     size: 120
   };
@@ -33,6 +32,7 @@ export function toColumnDef(value, { getLocaleText, $cel, inheritedContext }) {
   return {
     header: getLocaleText(value.title),
     accessorFn: (row, index) => {
+      if (!value.accessor) return void 0;
       try {
         return Effect.runSync($cel(value.accessor, { ...inheritedContext, row, index }));
       } catch (e) {

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

@@ -3,6 +3,7 @@ import { computed } from "vue";
 import { Icon } from "@iconify/vue";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
 import { Separator } from "../../../../ui/separator";
+import { Switch } from "../../../../ui/switch";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { Locale } from "../../../../ui/locale";
 import {
@@ -50,6 +51,14 @@ const ROW_VARS = {
   row: { type: "dyn", label: "\u5F53\u524D\u884C\u6570\u636E" },
   index: { type: "number", label: "\u884C\u7D22\u5F15" }
 };
+function onHiddenChange(v) {
+  if (v) {
+    value.value = { ...value.value, hidden: true };
+  } else {
+    const { hidden: _drop, ...rest } = value.value;
+    value.value = rest;
+  }
+}
 </script>
 
 <template>
@@ -232,6 +241,27 @@ const ROW_VARS = {
           </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-04-14/com.shwfed.table.column.icon/schema.d.ts

@@ -9,7 +9,7 @@ export declare const metadata: {
     readonly icon: "fluent:shapes-20-regular";
 };
 export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
-    accessor: Schema.Schema<string, string, never>;
+    accessor: Schema.optional<Schema.Schema<string, string, never>>;
     color: Schema.optional<Schema.Schema<string, string, never>>;
     align: Schema.optionalWith<Schema.Literal<["left", "center", "right"]>, {
         default: () => "center";
@@ -32,6 +32,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.icon"]>;

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

@@ -11,10 +11,13 @@ export function schema(configure) {
     type: Schema.Literal(type),
     compatibilityDate: Schema.Literal(compatibilityDate),
     ...columnFields(configure),
-    accessor: CelRowAccess(configure).annotations({
+    // Optional like every non-editable column's path: an icon column may carry
+    // no data binding (a fixed decorative cell), letting designers build the
+    // visual layer before any API contract exists.
+    accessor: Schema.optional(CelRowAccess(configure).annotations({
       title: "\u56FE\u6807",
-      description: "\u56FE\u6807\u540D\u79F0 CEL \u8868\u8FBE\u5F0F\uFF08Iconify \u6807\u8BC6\u7B26\uFF09\uFF0C\u4F8B\u5982 `row.iconName`"
-    }),
+      description: "\u56FE\u6807\u540D\u79F0 CEL \u8868\u8FBE\u5F0F\uFF08Iconify \u6807\u8BC6\u7B26\uFF09\uFF0C\u4F8B\u5982 `row.iconName`\uFF1B\u53EF\u7559\u7A7A\uFF0C\u7559\u7A7A\u65F6\u4E0D\u6E32\u67D3\u56FE\u6807"
+    })),
     color: Schema.optional(
       CelRowAccess(configure, { resultType: "string" }).annotations({
         title: "\u989C\u8272",
@@ -27,7 +30,6 @@ export function schema(configure) {
 export function defaults() {
   return {
     title: [{ locale: "zh", message: "" }],
-    accessor: "",
     size: 120
   };
 }
@@ -35,6 +37,7 @@ export function toColumnDef(value, { getLocaleText, $cel, inheritedContext }) {
   return {
     header: getLocaleText(value.title),
     accessorFn: (row, index) => {
+      if (!value.accessor) return void 0;
       try {
         return Effect.runSync($cel(value.accessor, { ...inheritedContext, row, index }));
       } catch (e) {

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

@@ -3,6 +3,7 @@ import { computed } from "vue";
 import { Icon } from "@iconify/vue";
 import { Input } from "../../../../ui/input";
 import { Separator } from "../../../../ui/separator";
+import { Switch } from "../../../../ui/switch";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { Locale } from "../../../../ui/locale";
 import {
@@ -55,6 +56,14 @@ const DISPLAY_MODE_OPTIONS = [
 const currentPreserveModeLabel = computed(
   () => PRESERVE_MODE_OPTIONS.find((o) => o.value === (value.value.preserveMode ?? "round"))?.label
 );
+function onHiddenChange(v) {
+  if (v) {
+    value.value = { ...value.value, hidden: true };
+  } else {
+    const { hidden: _drop, ...rest } = value.value;
+    value.value = rest;
+  }
+}
 function onPreserveDigitsChange(v) {
   const next = { ...value.value, preserveDigits: v };
   if (v === void 0) {
@@ -307,6 +316,27 @@ function onPreserveDigitsChange(v) {
           </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-04-14/com.shwfed.table.column.number/schema.d.ts

@@ -24,7 +24,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         locale: Schema.Literal<["ja", "en", "ko"]>;
         message: Schema.SchemaClass<string, string, never>;
     }>]>;
-    accessor: Schema.Schema<string, string, never>;
+    accessor: Schema.optional<Schema.Schema<string, string, never>>;
     enableSorting: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
     sortKey: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     size: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
@@ -36,6 +36,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.number"]>;

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

@@ -32,7 +32,6 @@ export function schema(configure) {
 export function defaults() {
   return {
     title: [{ locale: "zh", message: "" }],
-    accessor: "",
     size: 120,
     align: "right"
   };
@@ -41,6 +40,7 @@ export function toColumnDef(value, { getLocaleText, $cel, inheritedContext }) {
   return {
     header: getLocaleText(value.title),
     accessorFn: (row, index) => {
+      if (!value.accessor) return void 0;
       try {
         return Effect.runSync($cel(value.accessor, { ...inheritedContext, row, index }));
       } catch (e) {

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

@@ -4,6 +4,7 @@ import { Icon } from "@iconify/vue";
 import { Input } from "../../../../ui/input";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
 import { Separator } from "../../../../ui/separator";
+import { Switch } from "../../../../ui/switch";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { Locale } from "../../../../ui/locale";
 import {
@@ -47,6 +48,14 @@ const DISPLAY_MODE_OPTIONS = [
   { value: "plain", label: "\u6587\u672C" },
   { value: "mono", label: "\u7B49\u5BBD" }
 ];
+function onHiddenChange(v) {
+  if (v) {
+    value.value = { ...value.value, hidden: true };
+  } else {
+    const { hidden: _drop, ...rest } = value.value;
+    value.value = rest;
+  }
+}
 const copyExpressionModel = computed({
   get: () => value.value.copyExpression ?? "",
   set: (v) => {
@@ -272,6 +281,27 @@ const copyExpressionModel = 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-04-14/com.shwfed.table.column.text/schema.d.ts

@@ -23,7 +23,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         locale: Schema.Literal<["ja", "en", "ko"]>;
         message: Schema.SchemaClass<string, string, never>;
     }>]>;
-    accessor: Schema.Schema<string, string, never>;
+    accessor: Schema.optional<Schema.Schema<string, string, never>>;
     enableSorting: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
     sortKey: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     size: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
@@ -35,6 +35,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.text"]>;

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

@@ -30,7 +30,6 @@ export function schema(configure) {
 export function defaults() {
   return {
     title: [{ locale: "zh", message: "" }],
-    accessor: "",
     size: 120
   };
 }
@@ -38,6 +37,7 @@ export function toColumnDef(value, { getLocaleText, $cel, inheritedContext }) {
   return {
     header: getLocaleText(value.title),
     accessorFn: (row, index) => {
+      if (!value.accessor) return void 0;
       try {
         return Effect.runSync($cel(value.accessor, { ...inheritedContext, row, index }));
       } catch (e) {

package/dist/runtime/components/table/columns/2026-05-13/com.shwfed.table.column.switch/schema.d.ts

@@ -29,7 +29,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         locale: Schema.Literal<["ja", "en", "ko"]>;
         message: Schema.SchemaClass<string, string, never>;
     }>]>;
-    accessor: Schema.Schema<string, string, never>;
+    accessor: Schema.optional<Schema.Schema<string, string, never>>;
     enableSorting: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
     sortKey: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     size: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
@@ -41,6 +41,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.switch"]>;

package/dist/runtime/components/table/columns/2026-05-13/com.shwfed.table.column.switch/schema.js

@@ -52,6 +52,7 @@ export function toColumnDef(value, { getLocaleText, $cel, inheritedContext }) {
   return {
     header: getLocaleText(value.title),
     accessorFn: (row, index) => {
+      if (!value.accessor) return void 0;
       try {
         return Effect.runSync($cel(value.accessor, { ...inheritedContext, row, index }));
       } catch (e) {

package/dist/runtime/components/table/columns/2026-05-13/com.shwfed.table.column.switch.remote/config.vue

@@ -3,6 +3,7 @@ import { computed } from "vue";
 import { Icon } from "@iconify/vue";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
 import { Separator } from "../../../../ui/separator";
+import { Switch } from "../../../../ui/switch";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { Locale } from "../../../../ui/locale";
 import {
@@ -47,6 +48,14 @@ const ROW_VALUE_VARS = {
 const JSON_VARS = {
   json: { type: "dyn", label: "HTTP \u54CD\u5E94\u4F53" }
 };
+function onHiddenChange(v) {
+  if (v) {
+    value.value = { ...value.value, hidden: true };
+  } else {
+    const { hidden: _drop, ...rest } = value.value;
+    value.value = rest;
+  }
+}
 const disabledModel = computed({
   get: () => value.value.disabled ?? "",
   set: (v) => {
@@ -334,6 +343,27 @@ function updateTriggers(next) {
           </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-05-13/com.shwfed.table.column.switch.remote/schema.d.ts

@@ -29,7 +29,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         locale: Schema.Literal<["ja", "en", "ko"]>;
         message: Schema.SchemaClass<string, string, never>;
     }>]>;
-    accessor: Schema.Schema<string, string, never>;
+    accessor: Schema.optional<Schema.Schema<string, string, never>>;
     enableSorting: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
     sortKey: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     size: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
@@ -41,6 +41,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.switch.remote"]>;

package/dist/runtime/components/table/columns/2026-05-13/com.shwfed.table.column.switch.remote/schema.js

@@ -51,7 +51,6 @@ export function schema(configure) {
 export function defaults() {
   return {
     title: [{ locale: "zh", message: "" }],
-    accessor: "",
     size: 120
   };
 }
@@ -71,6 +70,7 @@ export function toColumnDef(value, { getLocaleText, $cel, inheritedContext }) {
   return {
     header: getLocaleText(value.title),
     accessorFn: (row, index) => {
+      if (!value.accessor) return void 0;
       try {
         return Effect.runSync($cel(value.accessor, { ...inheritedContext, row, index }));
       } catch (e) {

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

@@ -34,6 +34,14 @@ 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 ?? "right")) ?? ALIGN_OPTIONS[2]).icon
+);
 const ROW_VARS = {
   row: { type: "dyn", label: "\u5F53\u524D\u884C\u6570\u636E" },
   index: { type: "number", label: "\u884C\u7D22\u5F15" }
@@ -96,17 +104,6 @@ const bindingText = computed({
     }
   }
 });
-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) => {
@@ -172,6 +169,14 @@ function onValueAsStringChange(next) {
     value.value = rest;
   }
 }
+function onHiddenChange(v) {
+  if (v) {
+    value.value = { ...value.value, hidden: true };
+  } else {
+    const { hidden: _drop, ...rest } = value.value;
+    value.value = rest;
+  }
+}
 function onMinChange(v) {
   if (v.length > 0) {
     value.value = { ...value.value, min: v };
@@ -300,6 +305,29 @@ function onMaxChange(v) {
           {{ 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"
@@ -461,27 +489,6 @@ function onMaxChange(v) {
       </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
-          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
@@ -585,6 +592,27 @@ function onMaxChange(v) {
           </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>
     <Separator />
     <Field orientation="vertical">

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

@@ -10,6 +10,7 @@ import { getLocalizedText } from "../../../../../share/locale";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupNumberField } from "../../../../ui/input-group";
 import ShwfedActions from "../../../../actions/components/group.vue";
 import { useFieldValue } from "../../../../form/utils/field-value";
+import { JUSTIFY_CLASS, TEXT_ALIGN_CLASS } from "../../../utils/runtime";
 defineOptions({ name: "ShwfedTableNumberInputRendererRuntime" });
 const props = defineProps({
   column: { type: null, required: true },
@@ -40,7 +41,6 @@ function evalNumber(expression, label) {
     return void 0;
   }
 }
-const isHidden = computed(() => evalBool(props.column.hidden, "hidden"));
 const isDisabled = computed(() => evalBool(props.column.disabled, "disabled"));
 const formReadonly = useFormReadonly();
 const isReadonly = computed(
@@ -94,6 +94,8 @@ const addonConfig = computed(() => {
   };
 });
 const showClear = computed(() => !isDisabled.value && draft.value !== void 0);
+const justifyClass = computed(() => JUSTIFY_CLASS[props.column.align ?? "right"] ?? JUSTIFY_CLASS.right);
+const textAlignClass = computed(() => TEXT_ALIGN_CLASS[props.column.align ?? "right"] ?? TEXT_ALIGN_CLASS.right);
 function handleClear() {
   draft.value = void 0;
   commit();
@@ -115,16 +117,12 @@ async function onBlur() {
 <template>
   <!--
     Row budget matches the text-input cell: 2px outer inset around an `h-7`
-    (28px) input — 32px total. Every branch (hidden / readonly / editable)
+    (28px) input — 32px total. Every branch (readonly / editable)
     is sized identically so rows do not jump when a CEL condition flips.
     Both `text-[0.75rem]` breakpoints are explicit so `Input`'s default
     `md:text-sm` cannot beat the override at md+.
   -->
   <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
@@ -132,10 +130,10 @@ async function onBlur() {
       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',
-  draft !== void 0 ? 'text-zinc-700' : 'justify-center font-mono text-zinc-300 select-none'
+  draft !== void 0 ? ['text-zinc-700', justifyClass] : 'justify-center font-mono text-zinc-300 select-none'
 ]"
     >
       {{ draft ?? "-" }}
@@ -154,7 +152,7 @@ async function onBlur() {
         :format-options="formatOptions"
         :disabled="isDisabled"
         :placeholder="placeholderText"
-        input-class="h-7 text-[0.75rem] md:text-[0.75rem] px-2 text-left"
+        :input-class="['h-7 text-[0.75rem] md:text-[0.75rem] px-2', textAlignClass]"
         @update:model-value="(v) => draft = v"
         @blur="onBlur"
       />