@shwfed/config 2.4.1 → 2.5.1

package/dist/runtime/components/table/columns/2026-05-24/com.shwfed.table.column.combobox-single.remote.options-remote/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 { getStructFieldDescription, getStructFieldTitle } from "../../../utils/schema-meta";
@@ -400,14 +400,10 @@ function updateTriggers(next) {
     <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 = { ...value, enableSorting: v }"
-        />
-        <FieldLabel class="text-sm text-zinc-600">
+        <FieldLabel class="text-xs text-zinc-500">
           <template
             v-if="fieldDescription('enableSorting')"
             #tooltip
@@ -420,6 +416,23 @@ function updateTriggers(next) {
           </template>
           {{ fieldTitle("enableSorting") }}
         </FieldLabel>
+        <InputGroup>
+          <InputGroupInput
+            :model-value="value.sortKey"
+            placeholder="例：created_at"
+            @update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
+          />
+          <InputGroupAddon align="inline-end">
+            <InputGroupButton
+              :variant="value.enableSorting ? 'primary' : 'ghost'"
+              size="xs"
+              @click="value = { ...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-05-24/com.shwfed.table.column.combobox-single.remote.options-remote/config.vue.d.ts

@@ -40,9 +40,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly readonly?: string | undefined;
         readonly request: string;
         readonly grow?: boolean | undefined;
-        readonly accessor: string;
-        readonly options: string;
         readonly enableSorting?: boolean | undefined;
+        readonly options: string;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -52,6 +51,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly successMessage?: string | undefined;
+        readonly accessor: string;
+        readonly sortKey?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -91,9 +92,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly readonly?: string | undefined;
         readonly request: string;
         readonly grow?: boolean | undefined;
-        readonly accessor: string;
-        readonly options: string;
         readonly enableSorting?: boolean | undefined;
+        readonly options: string;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -103,6 +103,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly successMessage?: string | undefined;
+        readonly accessor: string;
+        readonly sortKey?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/table/columns/2026-05-24/com.shwfed.table.column.combobox-single.remote.options-remote/schema.d.ts

@@ -67,6 +67,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<{

package/dist/runtime/components/table/columns/2026-05-24/com.shwfed.table.column.combobox-single.remote.options-static/config.d.vue.ts

@@ -63,9 +63,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly readonly?: string | undefined;
         readonly grow?: boolean | undefined;
-        readonly accessor: string;
         readonly enableSorting?: boolean | undefined;
         readonly successMessage?: string | undefined;
+        readonly accessor: string;
+        readonly sortKey?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -128,9 +129,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly readonly?: string | undefined;
         readonly grow?: boolean | undefined;
-        readonly accessor: string;
         readonly enableSorting?: boolean | undefined;
         readonly successMessage?: string | undefined;
+        readonly accessor: string;
+        readonly sortKey?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/table/columns/2026-05-24/com.shwfed.table.column.combobox-single.remote.options-static/config.vue

@@ -4,7 +4,6 @@ import { Icon } from "@iconify/vue";
 import { Button } from "../../../../ui/button";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../../../ui/dropdown-menu";
 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";
@@ -560,14 +559,10 @@ function setItemTooltip(index, tooltip) {
     <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 = { ...value, enableSorting: v }"
-        />
-        <FieldLabel class="text-sm text-zinc-600">
+        <FieldLabel class="text-xs text-zinc-500">
           <template
             v-if="fieldDescription('enableSorting')"
             #tooltip
@@ -580,6 +575,23 @@ function setItemTooltip(index, tooltip) {
           </template>
           {{ fieldTitle("enableSorting") }}
         </FieldLabel>
+        <InputGroup>
+          <InputGroupInput
+            :model-value="value.sortKey"
+            placeholder="例：created_at"
+            @update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
+          />
+          <InputGroupAddon align="inline-end">
+            <InputGroupButton
+              :variant="value.enableSorting ? 'primary' : 'ghost'"
+              size="xs"
+              @click="value = { ...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-05-24/com.shwfed.table.column.combobox-single.remote.options-static/config.vue.d.ts

@@ -63,9 +63,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly readonly?: string | undefined;
         readonly grow?: boolean | undefined;
-        readonly accessor: string;
         readonly enableSorting?: boolean | undefined;
         readonly successMessage?: string | undefined;
+        readonly accessor: string;
+        readonly sortKey?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -128,9 +129,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly readonly?: string | undefined;
         readonly grow?: boolean | undefined;
-        readonly accessor: string;
         readonly enableSorting?: boolean | undefined;
         readonly successMessage?: string | undefined;
+        readonly accessor: string;
+        readonly sortKey?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/table/columns/2026-05-24/com.shwfed.table.column.combobox-single.remote.options-static/schema.d.ts

@@ -108,6 +108,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<{

package/dist/runtime/components/table/columns/2026-05-25/com.shwfed.table.column.combobox-multi/config.d.vue.ts

@@ -64,6 +64,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly expression: string;
         } | undefined;
         readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -127,6 +128,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly expression: string;
         } | undefined;
         readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/table/columns/2026-05-25/com.shwfed.table.column.combobox-multi/config.vue

@@ -4,7 +4,6 @@ import { Icon } from "@iconify/vue";
 import { Button } from "../../../../ui/button";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../../../ui/dropdown-menu";
 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";
@@ -507,14 +506,10 @@ function setItemTooltip(index, tooltip) {
     <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 = { ...value, enableSorting: v }"
-        />
-        <FieldLabel class="text-sm text-zinc-600">
+        <FieldLabel class="text-xs text-zinc-500">
           <template
             v-if="fieldDescription('enableSorting')"
             #tooltip
@@ -527,6 +522,23 @@ function setItemTooltip(index, tooltip) {
           </template>
           {{ fieldTitle("enableSorting") }}
         </FieldLabel>
+        <InputGroup>
+          <InputGroupInput
+            :model-value="value.sortKey"
+            placeholder="例：created_at"
+            @update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
+          />
+          <InputGroupAddon align="inline-end">
+            <InputGroupButton
+              :variant="value.enableSorting ? 'primary' : 'ghost'"
+              size="xs"
+              @click="value = { ...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-05-25/com.shwfed.table.column.combobox-multi/config.vue.d.ts

@@ -64,6 +64,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly expression: string;
         } | undefined;
         readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -127,6 +128,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly expression: string;
         } | undefined;
         readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/table/columns/2026-05-25/com.shwfed.table.column.combobox-multi/schema.d.ts

@@ -106,6 +106,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     }>]>;
     binding: Schema.refine<string, typeof Schema.String>;
     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<{

package/dist/runtime/components/table/columns/2026-05-25/com.shwfed.table.column.combobox-multi.remote.options-remote/config.d.vue.ts

@@ -40,9 +40,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly readonly?: string | undefined;
         readonly request: string;
         readonly grow?: boolean | undefined;
-        readonly accessor: string;
-        readonly options: string;
         readonly enableSorting?: boolean | undefined;
+        readonly options: string;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -52,6 +51,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly successMessage?: string | undefined;
+        readonly accessor: string;
+        readonly sortKey?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -91,9 +92,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly readonly?: string | undefined;
         readonly request: string;
         readonly grow?: boolean | undefined;
-        readonly accessor: string;
-        readonly options: string;
         readonly enableSorting?: boolean | undefined;
+        readonly options: string;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -103,6 +103,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly successMessage?: string | undefined;
+        readonly accessor: string;
+        readonly sortKey?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/table/columns/2026-05-25/com.shwfed.table.column.combobox-multi.remote.options-remote/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 { getStructFieldDescription, getStructFieldTitle } from "../../../utils/schema-meta";
@@ -400,14 +400,10 @@ function updateTriggers(next) {
     <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 = { ...value, enableSorting: v }"
-        />
-        <FieldLabel class="text-sm text-zinc-600">
+        <FieldLabel class="text-xs text-zinc-500">
           <template
             v-if="fieldDescription('enableSorting')"
             #tooltip
@@ -420,6 +416,23 @@ function updateTriggers(next) {
           </template>
           {{ fieldTitle("enableSorting") }}
         </FieldLabel>
+        <InputGroup>
+          <InputGroupInput
+            :model-value="value.sortKey"
+            placeholder="例：created_at"
+            @update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
+          />
+          <InputGroupAddon align="inline-end">
+            <InputGroupButton
+              :variant="value.enableSorting ? 'primary' : 'ghost'"
+              size="xs"
+              @click="value = { ...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-05-25/com.shwfed.table.column.combobox-multi.remote.options-remote/config.vue.d.ts

@@ -40,9 +40,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly readonly?: string | undefined;
         readonly request: string;
         readonly grow?: boolean | undefined;
-        readonly accessor: string;
-        readonly options: string;
         readonly enableSorting?: boolean | undefined;
+        readonly options: string;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -52,6 +51,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly successMessage?: string | undefined;
+        readonly accessor: string;
+        readonly sortKey?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -91,9 +92,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly readonly?: string | undefined;
         readonly request: string;
         readonly grow?: boolean | undefined;
-        readonly accessor: string;
-        readonly options: string;
         readonly enableSorting?: boolean | undefined;
+        readonly options: string;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -103,6 +103,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly successMessage?: string | undefined;
+        readonly accessor: string;
+        readonly sortKey?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/table/columns/2026-05-25/com.shwfed.table.column.combobox-multi.remote.options-remote/schema.d.ts

@@ -67,6 +67,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<{

package/dist/runtime/components/table/columns/2026-05-25/com.shwfed.table.column.combobox-multi.remote.options-static/config.d.vue.ts

@@ -63,9 +63,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly readonly?: string | undefined;
         readonly grow?: boolean | undefined;
-        readonly accessor: string;
         readonly enableSorting?: boolean | undefined;
         readonly successMessage?: string | undefined;
+        readonly accessor: string;
+        readonly sortKey?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -128,9 +129,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly readonly?: string | undefined;
         readonly grow?: boolean | undefined;
-        readonly accessor: string;
         readonly enableSorting?: boolean | undefined;
         readonly successMessage?: string | undefined;
+        readonly accessor: string;
+        readonly sortKey?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/table/columns/2026-05-25/com.shwfed.table.column.combobox-multi.remote.options-static/config.vue

@@ -4,7 +4,6 @@ import { Icon } from "@iconify/vue";
 import { Button } from "../../../../ui/button";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../../../ui/dropdown-menu";
 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";
@@ -560,14 +559,10 @@ function setItemTooltip(index, tooltip) {
     <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 = { ...value, enableSorting: v }"
-        />
-        <FieldLabel class="text-sm text-zinc-600">
+        <FieldLabel class="text-xs text-zinc-500">
           <template
             v-if="fieldDescription('enableSorting')"
             #tooltip
@@ -580,6 +575,23 @@ function setItemTooltip(index, tooltip) {
           </template>
           {{ fieldTitle("enableSorting") }}
         </FieldLabel>
+        <InputGroup>
+          <InputGroupInput
+            :model-value="value.sortKey"
+            placeholder="例：created_at"
+            @update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
+          />
+          <InputGroupAddon align="inline-end">
+            <InputGroupButton
+              :variant="value.enableSorting ? 'primary' : 'ghost'"
+              size="xs"
+              @click="value = { ...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-05-25/com.shwfed.table.column.combobox-multi.remote.options-static/config.vue.d.ts

@@ -63,9 +63,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly readonly?: string | undefined;
         readonly grow?: boolean | undefined;
-        readonly accessor: string;
         readonly enableSorting?: boolean | undefined;
         readonly successMessage?: string | undefined;
+        readonly accessor: string;
+        readonly sortKey?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -128,9 +129,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly readonly?: string | undefined;
         readonly grow?: boolean | undefined;
-        readonly accessor: string;
         readonly enableSorting?: boolean | undefined;
         readonly successMessage?: string | undefined;
+        readonly accessor: string;
+        readonly sortKey?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/table/columns/2026-05-25/com.shwfed.table.column.combobox-multi.remote.options-static/schema.d.ts

@@ -108,6 +108,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<{

package/dist/runtime/components/table/columns/2026-05-26/com.shwfed.table.column.combobox-multi/config.d.vue.ts

@@ -39,6 +39,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly options: {
             readonly kind: "remote";
             readonly request: string;
@@ -78,7 +79,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 };
             }[];
         };
-        readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -117,6 +118,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly options: {
             readonly kind: "remote";
             readonly request: string;
@@ -156,7 +158,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 };
             }[];
         };
-        readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/table/columns/2026-05-26/com.shwfed.table.column.combobox-multi/config.vue

@@ -4,7 +4,6 @@ import { Icon } from "@iconify/vue";
 import { Button } from "../../../../ui/button";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../../../ui/dropdown-menu";
 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";
@@ -673,14 +672,10 @@ function setItemTooltip(index, tooltip) {
     <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 = { ...value, enableSorting: v }"
-        />
-        <FieldLabel class="text-sm text-zinc-600">
+        <FieldLabel class="text-xs text-zinc-500">
           <template
             v-if="fieldDescription('enableSorting')"
             #tooltip
@@ -693,6 +688,23 @@ function setItemTooltip(index, tooltip) {
           </template>
           {{ fieldTitle("enableSorting") }}
         </FieldLabel>
+        <InputGroup>
+          <InputGroupInput
+            :model-value="value.sortKey"
+            placeholder="例：created_at"
+            @update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
+          />
+          <InputGroupAddon align="inline-end">
+            <InputGroupButton
+              :variant="value.enableSorting ? 'primary' : 'ghost'"
+              size="xs"
+              @click="value = { ...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>