@shwfed/config 2.4.1 → 2.5.0

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";
@@ -400,14 +399,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 +415,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

@@ -51,6 +51,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly sortKey?: string | undefined;
         readonly successMessage?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
@@ -102,6 +103,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly sortKey?: string | undefined;
         readonly successMessage?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -65,6 +65,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly grow?: boolean | undefined;
         readonly accessor: string;
         readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
         readonly successMessage?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
@@ -130,6 +131,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly grow?: boolean | undefined;
         readonly accessor: string;
         readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
         readonly successMessage?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -65,6 +65,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly grow?: boolean | undefined;
         readonly accessor: string;
         readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
         readonly successMessage?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
@@ -130,6 +131,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly grow?: boolean | undefined;
         readonly accessor: string;
         readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
         readonly successMessage?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -79,6 +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: {
@@ -157,6 +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>

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

@@ -79,6 +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: {
@@ -157,6 +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/schema.d.ts

@@ -231,6 +231,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-26/com.shwfed.table.column.combobox-multi.remote/config.d.vue.ts

@@ -80,6 +80,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             }[];
         };
         readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
         readonly successMessage?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
@@ -160,6 +161,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             }[];
         };
         readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
         readonly successMessage?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/table/columns/2026-05-26/com.shwfed.table.column.combobox-multi.remote/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";
@@ -706,14 +705,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
@@ -726,6 +721,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-26/com.shwfed.table.column.combobox-multi.remote/config.vue.d.ts

@@ -80,6 +80,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             }[];
         };
         readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
         readonly successMessage?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
@@ -160,6 +161,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             }[];
         };
         readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
         readonly successMessage?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -233,6 +233,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-single/config.d.vue.ts

@@ -79,6 +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: {
@@ -157,6 +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-single/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>

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

@@ -79,6 +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: {
@@ -157,6 +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-single/schema.d.ts

@@ -231,6 +231,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-26/com.shwfed.table.column.combobox-single.remote/config.d.vue.ts

@@ -80,6 +80,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             }[];
         };
         readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
         readonly successMessage?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
@@ -160,6 +161,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             }[];
         };
         readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
         readonly successMessage?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/table/columns/2026-05-26/com.shwfed.table.column.combobox-single.remote/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";
@@ -706,14 +705,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
@@ -726,6 +721,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-26/com.shwfed.table.column.combobox-single.remote/config.vue.d.ts

@@ -80,6 +80,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             }[];
         };
         readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
         readonly successMessage?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
@@ -160,6 +161,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             }[];
         };
         readonly enableSorting?: boolean | undefined;
+        readonly sortKey?: string | undefined;
         readonly successMessage?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -233,6 +233,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-27/com.shwfed.table.column.tree-combobox-multi/config.d.vue.ts

@@ -63,6 +63,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly nodeSelectable?: string | undefined;
+        readonly sortKey?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -125,6 +126,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly nodeSelectable?: string | 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-27/com.shwfed.table.column.tree-combobox-multi/config.vue

@@ -581,14 +581,10 @@ const derivedModel = 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 = { ...value, enableSorting: v }"
-        />
-        <FieldLabel class="text-sm text-zinc-600">
+        <FieldLabel class="text-xs text-zinc-500">
           <template
             v-if="fieldDescription('enableSorting')"
             #tooltip
@@ -601,6 +597,23 @@ const derivedModel = computed({
           </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-27/com.shwfed.table.column.tree-combobox-multi/config.vue.d.ts

@@ -63,6 +63,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly nodeSelectable?: string | undefined;
+        readonly sortKey?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -125,6 +126,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly nodeSelectable?: string | 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-27/com.shwfed.table.column.tree-combobox-multi/schema.d.ts

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