@shwfed/config 2.4.1 → 2.5.1

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.single/config.vue.d.ts

@@ -46,16 +46,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly nodeKey: string;
-        readonly nodeChildren: string;
-        readonly nodeLabel: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]];
-        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -67,6 +57,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
+        readonly nodeKey: string;
+        readonly nodeChildren: string;
+        readonly nodeLabel: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]];
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -75,6 +74,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -120,16 +120,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly nodeKey: string;
-        readonly nodeChildren: string;
-        readonly nodeLabel: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]];
-        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -141,6 +131,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
+        readonly nodeKey: string;
+        readonly nodeChildren: string;
+        readonly nodeLabel: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]];
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -149,6 +148,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/index.vue

@@ -10,6 +10,7 @@ import {
   provideCELContext
 } from "../../utils/cel-context";
 import FormUnitRenderer from "./FormUnitRenderer.vue";
+import { buildFormRuntimeScope } from "./utils/cel-scope";
 import { provideCommitBus } from "./utils/commit-bus";
 import { provideDerivedQuiescence, useDerived } from "./utils/derived";
 import { useFormHistory } from "./utils/history";
@@ -27,24 +28,10 @@ const props = defineProps({
 const configure = props.configure ?? (() => {
 });
 void configure;
-provideCELContext({
-  form: {
-    type: "dyn",
-    label: "form",
-    description: "\u5F53\u524D\u8868\u5355\u72B6\u6001",
-    value: () => state.value ?? {}
-  },
-  // Same thunk pattern: `now` stays live (fresh Date at click time, not at
-  // provide time). Must be a `TZDate`: CEL's type registry maps the `Date`
-  // type to the `TZDate` constructor exactly, so a plain `new Date()` fails
-  // the constructor lookup.
-  now: {
-    type: "Date",
-    label: "now",
-    description: "\u5F53\u524D\u65E5\u671F/\u65F6\u95F4",
-    value: () => new TZDate()
-  }
-});
+provideCELContext(buildFormRuntimeScope({
+  form: () => state.value ?? {},
+  now: () => new TZDate()
+}));
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const formState = provideFormState(state);

package/dist/runtime/components/form/schema.d.ts

@@ -1,6 +1,7 @@
 import { Schema } from 'effect';
 import type { Environment } from '../../vendor/cel-js/lib/index.js';
 import type { InitialSource } from './utils/initial.js';
+import { registerFormVariablesIfAbsent } from './utils/form-vars.js';
 import { type LayoutSetValue } from '../../share/layout.js';
 export { commonFieldFields } from './utils/common.js';
 export { getStructFieldTitle, getStructFieldDescription } from './utils/schema-meta.js';
@@ -69,16 +70,7 @@ export declare function FormUnit(configure: (env: Environment) => void): Schema.
         }>;
     }>>>;
 }>>;
-/**
- * Register the form-wide `now` / `form` live variables on `env`, skipping any
- * already declared. Idempotent so it composes safely from either side: a
- * `FormConfig` nested inside another (the `table` form field embeds a table
- * whose `query` is its own sub-form, and the embedding `configure` advertises
- * the same pair) would otherwise register `form` twice on one env and the CEL
- * registry throws `'form' is already registered`. Mirrors
- * `registerRowVariablesIfAbsent`.
- */
-export declare function registerFormVariablesIfAbsent(env: Environment): void;
+export { registerFormVariablesIfAbsent };
 export declare function FormConfig(configure: (env: Environment) => void): Schema.refine<{
     readonly style?: string | undefined;
     readonly initial?: {

package/dist/runtime/components/form/schema.js

@@ -1,6 +1,7 @@
 import { Schema } from "effect";
 import { Expression } from "../../share/expression.js";
 import { allFieldSchemas } from "./utils/resolve.js";
+import { registerFormVariablesIfAbsent } from "./utils/form-vars.js";
 import { md } from "../../share/markdown.js";
 import {
   LayoutSet,
@@ -37,11 +38,7 @@ export function FormUnit(configure) {
     description: "\u4E00\u7EC4\u8868\u5355\u5B57\u6BB5\u53CA\u5176\u5E03\u5C40"
   });
 }
-export function registerFormVariablesIfAbsent(env) {
-  const declared = new Set(env.getDefinitions().variables.map((v) => v.name));
-  if (!declared.has("now")) env.registerVariable("now", "Date", { label: "\u5F53\u524D\u65F6\u95F4", description: "\u5F53\u524D\u65E5\u671F/\u65F6\u95F4" });
-  if (!declared.has("form")) env.registerVariable("form", "dyn", { label: "\u8868\u5355\u503C", description: "\u5F53\u524D\u8868\u5355\u72B6\u6001" });
-}
+export { registerFormVariablesIfAbsent };
 export function FormConfig(configure) {
   const formConfigure = (env) => {
     registerFormVariablesIfAbsent(env);

package/dist/runtime/components/form/utils/cel-scope.d.ts

@@ -2,12 +2,21 @@ import { Environment } from '../../../vendor/cel-js/lib/index.js';
 import type { CELContext } from '../../../utils/cel-context.js';
 /**
  * Builds the CEL variable scope advertised to a form's expression editors and
- * AI assists. Seeds the form-wide `form` / `now` live variables, then probes a
- * throwaway `Environment` with the host's `configure` to surface any
- * host-registered variables (their type / label / description).
+ * AI assists. Probes the form-wide `form` / `now` registrar
+ * (`registerFormVariablesIfAbsent` — the single source of truth, also feeding
+ * every field's expression validator) plus the host's `configure` to surface
+ * host-registered variables.
  *
  * Values are left `undefined` — this scope is for designer-time advertising
  * and prompt rendering, never evaluation. Extracted from `form/config.vue` so
  * the field-list AI button can reuse the exact same scope.
  */
 export declare function buildFormCelScope(configure: (env: Environment) => void): CELContext;
+/**
+ * Builds the runtime form-wide scope provided by `form/index.vue`. The `form` /
+ * `now` metadata (type/label/description) is probed from the same
+ * `registerFormVariablesIfAbsent` registrar as the designer scope above, so the
+ * two can't drift; `values` overlays the live evaluation thunks the designer
+ * scope leaves `undefined`, keyed by variable name.
+ */
+export declare function buildFormRuntimeScope(values: Record<string, () => unknown>): CELContext;

package/dist/runtime/components/form/utils/cel-scope.js

@@ -1,24 +1,10 @@
 import { Environment } from "../../../vendor/cel-js/lib/index.js";
-export function buildFormCelScope(configure) {
+import { registerFormVariablesIfAbsent } from "./form-vars.js";
+function probeCELContext(register) {
   const probe = new Environment({ unlistedVariablesAreDyn: false });
   const baseline = new Set(probe.getDefinitions().variables.map((v) => v.name));
-  configure(probe);
-  const out = {
-    form: {
-      type: "dyn",
-      label: "\u8868\u5355\u503C",
-      description: "\u5F53\u524D\u8868\u5355\u72B6\u6001",
-      value: void 0
-    },
-    // Mirrors the runtime `now` binding in `form/index.vue`. Editors and
-    // prompts never evaluate, so we leave `value` undefined.
-    now: {
-      type: "Date",
-      label: "now",
-      description: "\u5F53\u524D\u65E5\u671F/\u65F6\u95F4",
-      value: void 0
-    }
-  };
+  register(probe);
+  const out = {};
   for (const v of probe.getDefinitions().variables) {
     if (baseline.has(v.name)) continue;
     out[v.name] = {
@@ -30,3 +16,16 @@ export function buildFormCelScope(configure) {
   }
   return out;
 }
+export function buildFormCelScope(configure) {
+  return probeCELContext((env) => {
+    registerFormVariablesIfAbsent(env);
+    configure(env);
+  });
+}
+export function buildFormRuntimeScope(values) {
+  const out = probeCELContext(registerFormVariablesIfAbsent);
+  for (const [name, value] of Object.entries(values)) {
+    if (out[name]) out[name].value = value;
+  }
+  return out;
+}

package/dist/runtime/components/form/utils/form-vars.d.ts

@@ -0,0 +1,19 @@
+import type { Environment } from '../../../vendor/cel-js/lib/index.js';
+/**
+ * Register the form-wide `now` / `form` live variables on `env`, skipping any
+ * already declared. Idempotent so it composes safely from either side: a
+ * `FormConfig` nested inside another (the `table` form field embeds a table
+ * whose `query` is its own sub-form, and the embedding `configure` advertises
+ * the same pair) would otherwise register `form` twice on one env and the CEL
+ * registry throws `'form' is already registered`. Mirrors
+ * `registerRowVariablesIfAbsent`.
+ *
+ * This is the single source of truth for the `form` / `now` metadata: the
+ * schema's expression validators register it here, the designer-time picker
+ * probes it (`buildFormCelScope`), and the runtime scope derives its
+ * type/label/description from it too (`buildFormRuntimeScope`). Lives in this
+ * dependency-light module — not `schema.ts` — so the scope helpers can import it
+ * without pulling `utils/resolve` (and its `import.meta.glob`) into per-folder
+ * unit tests. `schema.ts` re-exports it for existing call sites.
+ */
+export declare function registerFormVariablesIfAbsent(env: Environment): void;

package/dist/runtime/components/form/utils/form-vars.js

@@ -0,0 +1,5 @@
+export function registerFormVariablesIfAbsent(env) {
+  const declared = new Set(env.getDefinitions().variables.map((v) => v.name));
+  if (!declared.has("now")) env.registerVariable("now", "Date", { label: "\u5F53\u524D\u65F6\u95F4", description: "\u5F53\u524D\u65E5\u671F/\u65F6\u95F4" });
+  if (!declared.has("form")) env.registerVariable("form", "dyn", { label: "\u8868\u5355\u503C", description: "\u5F53\u524D\u8868\u5355\u72B6\u6001" });
+}

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

@@ -149,4 +149,5 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     compatibilityDate: Schema.Literal<["2026-04-14"]>;
 }>;
 export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+export declare function defaults(): Partial<Value>;
 export declare function toColumnDef(value: Value, { getLocaleText }: ColumnDefDeps): Partial<ColumnDef<unknown, unknown>>;

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

@@ -32,6 +32,14 @@ export function schema(configure) {
     ...actionFieldsForColumn
   }).annotations({ title: "ActionsRenderer", description: "\u64CD\u4F5C\u6E32\u67D3\u5668" });
 }
+export function defaults() {
+  return {
+    title: [{ locale: "zh", message: "" }],
+    size: 200,
+    groups: [],
+    items: []
+  };
+}
 export function toColumnDef(value, { getLocaleText }) {
   return {
     header: value.title ? getLocaleText(value.title) : void 0,

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

@@ -3,7 +3,6 @@ import { computed } from "vue";
 import { Icon } from "@iconify/vue";
 import { format as formatDate } from "date-fns";
 import { Input } from "../../../../ui/input";
-import { Switch } from "../../../../ui/switch";
 import { Separator } from "../../../../ui/separator";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { Locale } from "../../../../ui/locale";
@@ -199,14 +198,10 @@ const dateFormatExample = computed(() => {
     <Separator />
     <div class="flex flex-wrap gap-x-8 gap-y-3">
       <Field
-        orientation="horizontal"
-        class="w-auto gap-2"
+        orientation="vertical"
+        class="w-full max-w-xs"
       >
-        <Switch
-          :model-value="value.enableSorting ?? false"
-          @update:model-value="(v) => value.enableSorting = v"
-        />
-        <FieldLabel class="text-sm text-zinc-600">
+        <FieldLabel class="text-xs text-zinc-500">
           <template
             v-if="fieldDescription('enableSorting')"
             #tooltip
@@ -219,6 +214,23 @@ const dateFormatExample = computed(() => {
           </template>
           {{ fieldTitle("enableSorting") }}
         </FieldLabel>
+        <InputGroup>
+          <InputGroupInput
+            :model-value="value.sortKey"
+            placeholder="例：created_at"
+            @update:model-value="(v) => value.sortKey = v || void 0"
+          />
+          <InputGroupAddon align="inline-end">
+            <InputGroupButton
+              :variant="value.enableSorting ? 'primary' : 'ghost'"
+              size="xs"
+              @click="value.enableSorting = !value.enableSorting"
+            >
+              <Icon :icon="value.enableSorting ? 'fluent:arrow-sort-up-16-regular' : 'fluent:arrow-sort-16-regular'" />
+              {{ fieldTitle("enableSorting") }}
+            </InputGroupButton>
+          </InputGroupAddon>
+        </InputGroup>
       </Field>
     </div>
   </div>

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

@@ -22,6 +22,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     }>]>;
     accessor: 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>>>;
     grow: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
     tooltip: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
@@ -37,4 +38,5 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     compatibilityDate: Schema.Literal<["2026-04-14"]>;
 }>;
 export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+export declare function defaults(): Partial<Value>;
 export declare function toColumnDef(value: Value, { getLocaleText, $cel, inheritedContext }: ColumnDefDeps): Partial<ColumnDef<unknown, unknown>>;

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

@@ -21,6 +21,14 @@ export function schema(configure) {
     })
   }).annotations({ title: "DateRenderer", description: "\u65E5\u671F\u6E32\u67D3\u5668" });
 }
+export function defaults() {
+  return {
+    title: [{ locale: "zh", message: "" }],
+    accessor: "",
+    format: "yyyy-MM-dd",
+    size: 120
+  };
+}
 export function toColumnDef(value, { getLocaleText, $cel, inheritedContext }) {
   return {
     header: getLocaleText(value.title),

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

@@ -2,7 +2,6 @@
 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";
@@ -10,6 +9,7 @@ import {
   InputGroup,
   InputGroupAddon,
   InputGroupButton,
+  InputGroupInput,
   InputGroupNumberField
 } from "../../../../ui/input-group";
 import {
@@ -189,14 +189,10 @@ const ROW_VARS = {
     <Separator />
     <div class="flex flex-wrap gap-x-8 gap-y-3">
       <Field
-        orientation="horizontal"
-        class="w-auto gap-2"
+        orientation="vertical"
+        class="w-full max-w-xs"
       >
-        <Switch
-          :model-value="value.enableSorting ?? false"
-          @update:model-value="(v) => value.enableSorting = v"
-        />
-        <FieldLabel class="text-sm text-zinc-600">
+        <FieldLabel class="text-xs text-zinc-500">
           <template
             v-if="fieldDescription('enableSorting')"
             #tooltip
@@ -209,6 +205,23 @@ const ROW_VARS = {
           </template>
           {{ fieldTitle("enableSorting") }}
         </FieldLabel>
+        <InputGroup>
+          <InputGroupInput
+            :model-value="value.sortKey"
+            placeholder="例：created_at"
+            @update:model-value="(v) => value.sortKey = v || void 0"
+          />
+          <InputGroupAddon align="inline-end">
+            <InputGroupButton
+              :variant="value.enableSorting ? 'primary' : 'ghost'"
+              size="xs"
+              @click="value.enableSorting = !value.enableSorting"
+            >
+              <Icon :icon="value.enableSorting ? 'fluent:arrow-sort-up-16-regular' : 'fluent:arrow-sort-16-regular'" />
+              {{ fieldTitle("enableSorting") }}
+            </InputGroupButton>
+          </InputGroupAddon>
+        </InputGroup>
       </Field>
     </div>
   </div>

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

@@ -22,6 +22,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         message: Schema.SchemaClass<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>>>;
     grow: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
     tooltip: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
@@ -37,4 +38,5 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     compatibilityDate: Schema.Literal<["2026-04-14"]>;
 }>;
 export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+export declare function defaults(): Partial<Value>;
 export declare function toColumnDef(value: Value, { getLocaleText, $cel, inheritedContext }: ColumnDefDeps): Partial<ColumnDef<unknown, unknown>>;

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

@@ -24,6 +24,13 @@ export function schema(configure) {
     align: Schema.optionalWith(Align.annotations({ title: "\u5BF9\u9F50" }), { default: () => "center" })
   }).annotations({ title: "IconRenderer", description: "\u56FE\u6807\u6E32\u67D3\u5668" });
 }
+export function defaults() {
+  return {
+    title: [{ locale: "zh", message: "" }],
+    accessor: "",
+    size: 120
+  };
+}
 export function toColumnDef(value, { getLocaleText, $cel, inheritedContext }) {
   return {
     header: getLocaleText(value.title),

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

@@ -48,4 +48,5 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     compatibilityDate: Schema.Literal<["2026-04-14"]>;
 }>;
 export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+export declare function defaults(): Partial<Value>;
 export declare function toColumnDef(value: Value, { getLocaleText }: ColumnDefDeps): Partial<ColumnDef<unknown, unknown>>;

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

@@ -39,6 +39,13 @@ export function schema(configure) {
     }))
   }).annotations({ title: "MarkdownRenderer", description: "MD" });
 }
+export function defaults() {
+  return {
+    title: [{ locale: "zh", message: "" }],
+    markdown: [{ locale: "zh", message: "" }],
+    size: 120
+  };
+}
 export function toColumnDef(value, { getLocaleText }) {
   return {
     header: getLocaleText(value.title),

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

@@ -2,7 +2,6 @@
 import { computed } from "vue";
 import { Icon } from "@iconify/vue";
 import { Input } from "../../../../ui/input";
-import { Switch } from "../../../../ui/switch";
 import { Separator } from "../../../../ui/separator";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { Locale } from "../../../../ui/locale";
@@ -10,6 +9,7 @@ import {
   InputGroup,
   InputGroupAddon,
   InputGroupButton,
+  InputGroupInput,
   InputGroupNumberField
 } from "../../../../ui/input-group";
 import {
@@ -267,14 +267,10 @@ function onPreserveDigitsChange(v) {
     <Separator />
     <div class="flex flex-wrap gap-x-8 gap-y-3">
       <Field
-        orientation="horizontal"
-        class="w-auto gap-2"
+        orientation="vertical"
+        class="w-full max-w-xs"
       >
-        <Switch
-          :model-value="value.enableSorting ?? false"
-          @update:model-value="(v) => value.enableSorting = v"
-        />
-        <FieldLabel class="text-sm text-zinc-600">
+        <FieldLabel class="text-xs text-zinc-500">
           <template
             v-if="fieldDescription('enableSorting')"
             #tooltip
@@ -287,6 +283,23 @@ function onPreserveDigitsChange(v) {
           </template>
           {{ fieldTitle("enableSorting") }}
         </FieldLabel>
+        <InputGroup>
+          <InputGroupInput
+            :model-value="value.sortKey"
+            placeholder="例：created_at"
+            @update:model-value="(v) => value.sortKey = v || void 0"
+          />
+          <InputGroupAddon align="inline-end">
+            <InputGroupButton
+              :variant="value.enableSorting ? 'primary' : 'ghost'"
+              size="xs"
+              @click="value.enableSorting = !value.enableSorting"
+            >
+              <Icon :icon="value.enableSorting ? 'fluent:arrow-sort-up-16-regular' : 'fluent:arrow-sort-16-regular'" />
+              {{ fieldTitle("enableSorting") }}
+            </InputGroupButton>
+          </InputGroupAddon>
+        </InputGroup>
       </Field>
     </div>
   </div>

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

@@ -26,6 +26,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     }>]>;
     accessor: 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>>>;
     grow: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
     tooltip: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
@@ -41,4 +42,5 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     compatibilityDate: Schema.Literal<["2026-04-14"]>;
 }>;
 export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+export declare function defaults(): Partial<Value>;
 export declare function toColumnDef(value: Value, { getLocaleText, $cel, inheritedContext }: ColumnDefDeps): Partial<ColumnDef<unknown, unknown>>;

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

@@ -29,6 +29,14 @@ export function schema(configure) {
     }))
   }).annotations({ title: "NumberRenderer", description: "\u6570\u503C\u6E32\u67D3\u5668" });
 }
+export function defaults() {
+  return {
+    title: [{ locale: "zh", message: "" }],
+    accessor: "",
+    size: 120,
+    align: "right"
+  };
+}
 export function toColumnDef(value, { getLocaleText, $cel, inheritedContext }) {
   return {
     header: getLocaleText(value.title),

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

@@ -19,4 +19,5 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     compatibilityDate: Schema.Literal<["2026-04-14"]>;
 }>;
 export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+export declare function defaults(): Partial<Value>;
 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

@@ -35,6 +35,11 @@ export function schema(configure) {
     })
   }).annotations({ title: "SelectRenderer", description: "\u9009\u62E9\u6E32\u67D3\u5668" });
 }
+export function defaults() {
+  return {
+    mode: "checkbox"
+  };
+}
 export function toColumnDef(value) {
   return {
     header: (ctx) => h(Header, { column: value, ctx }),

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

@@ -3,7 +3,6 @@ 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";
@@ -11,6 +10,7 @@ import {
   InputGroup,
   InputGroupAddon,
   InputGroupButton,
+  InputGroupInput,
   InputGroupNumberField
 } from "../../../../ui/input-group";
 import {
@@ -229,14 +229,10 @@ const copyExpressionModel = computed({
     <Separator />
     <div class="flex flex-wrap gap-x-8 gap-y-3">
       <Field
-        orientation="horizontal"
-        class="w-auto gap-2"
+        orientation="vertical"
+        class="w-full max-w-xs"
       >
-        <Switch
-          :model-value="value.enableSorting ?? false"
-          @update:model-value="(v) => value.enableSorting = v"
-        />
-        <FieldLabel class="text-sm text-zinc-600">
+        <FieldLabel class="text-xs text-zinc-500">
           <template
             v-if="fieldDescription('enableSorting')"
             #tooltip
@@ -249,6 +245,23 @@ const copyExpressionModel = computed({
           </template>
           {{ fieldTitle("enableSorting") }}
         </FieldLabel>
+        <InputGroup>
+          <InputGroupInput
+            :model-value="value.sortKey"
+            placeholder="例：created_at"
+            @update:model-value="(v) => value.sortKey = v || void 0"
+          />
+          <InputGroupAddon align="inline-end">
+            <InputGroupButton
+              :variant="value.enableSorting ? 'primary' : 'ghost'"
+              size="xs"
+              @click="value.enableSorting = !value.enableSorting"
+            >
+              <Icon :icon="value.enableSorting ? 'fluent:arrow-sort-up-16-regular' : 'fluent:arrow-sort-16-regular'" />
+              {{ fieldTitle("enableSorting") }}
+            </InputGroupButton>
+          </InputGroupAddon>
+        </InputGroup>
       </Field>
     </div>
   </div>