@shwfed/config 2.3.24 → 2.3.26

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

@@ -40,8 +40,19 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly readonly?: string | undefined;
         readonly grow?: boolean | undefined;
         readonly accessor: string;
-        readonly enableSorting?: boolean | undefined;
         readonly options: {
+            readonly kind: "remote";
+            readonly request: string;
+            readonly options: string;
+            readonly optionValue: string;
+            readonly optionLabel: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+        } | {
             readonly kind: "static";
             readonly items: readonly {
                 readonly label: readonly [{
@@ -67,19 +78,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     readonly kind: "number";
                 };
             }[];
-        } | {
-            readonly kind: "remote";
-            readonly request: string;
-            readonly options: string;
-            readonly optionValue: string;
-            readonly optionLabel: readonly [{
-                readonly locale: "zh";
-                readonly message: string;
-            }, ...{
-                readonly locale: "en" | "ja" | "ko";
-                readonly message: string;
-            }[]];
         };
+        readonly enableSorting?: boolean | undefined;
         readonly successMessage?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
@@ -120,8 +120,19 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly readonly?: string | undefined;
         readonly grow?: boolean | undefined;
         readonly accessor: string;
-        readonly enableSorting?: boolean | undefined;
         readonly options: {
+            readonly kind: "remote";
+            readonly request: string;
+            readonly options: string;
+            readonly optionValue: string;
+            readonly optionLabel: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+        } | {
             readonly kind: "static";
             readonly items: readonly {
                 readonly label: readonly [{
@@ -147,19 +158,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     readonly kind: "number";
                 };
             }[];
-        } | {
-            readonly kind: "remote";
-            readonly request: string;
-            readonly options: string;
-            readonly optionValue: string;
-            readonly optionLabel: readonly [{
-                readonly locale: "zh";
-                readonly message: string;
-            }, ...{
-                readonly locale: "en" | "ja" | "ko";
-                readonly message: string;
-            }[]];
         };
+        readonly enableSorting?: boolean | 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/runtime.vue

@@ -4,7 +4,7 @@ import { Effect } from "effect";
 import { Fetch } from "fx-fetch";
 import { watchDebounced } from "@vueuse/core";
 import { toast } from "vue-sonner";
-import { computed, ref, watch } from "vue";
+import { computed, ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { cel as _rawCel } from "../../../../../utils/cel";
 import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
@@ -204,7 +204,7 @@ function isEqual(a, b) {
   }
   return false;
 }
-const selectedEntries = computed(() => {
+const committedEntries = computed(() => {
   const list = [];
   for (const v of cellValue.value) {
     const entry = entries.value.find((e) => isEqual(e.value, v));
@@ -212,8 +212,14 @@ const selectedEntries = computed(() => {
   }
   return list;
 });
-const selectedKeys = computed(() => selectedEntries.value.map((e) => e.key));
+const committedKeys = computed(() => committedEntries.value.map((e) => e.key));
+const draftKeys = ref(null);
+const draftDirty = ref(false);
+const selectedKeys = computed(() => draftKeys.value ?? committedKeys.value);
 const selectedKeySet = computed(() => new Set(selectedKeys.value));
+const selectedEntries = computed(
+  () => selectedKeys.value.map((k) => entries.value.find((e) => e.key === k)).filter((e) => !!e)
+);
 const triggerLabel = computed(() => {
   const arr = selectedEntries.value;
   if (arr.length === 0) return "";
@@ -254,26 +260,51 @@ async function submit(next) {
     pending.value = false;
   }
 }
-function handleSelect(next) {
-  const keys = Array.isArray(next) ? next.filter((k) => typeof k === "string") : [];
+async function commit(keys) {
+  draftKeys.value = [...keys];
   const mapped = [];
   for (const key of keys) {
     const entry = entries.value.find((e) => e.key === key);
     if (entry) mapped.push(entry.value);
   }
-  void submit(mapped);
+  try {
+    await submit(mapped);
+  } finally {
+    draftKeys.value = null;
+  }
+}
+function handleSelect(next) {
+  const keys = Array.isArray(next) ? next.filter((k) => typeof k === "string") : [];
+  draftKeys.value = keys;
+  draftDirty.value = true;
 }
 const showClear = computed(
   () => !isDisabled.value && selectedEntries.value.length > 0
 );
+const hoveredKey = ref(null);
+function handleOpenChange(next) {
+  if (next === open.value) return;
+  open.value = next;
+  hoveredKey.value = next ? entries.value[0]?.key ?? null : null;
+  if (next) {
+    draftKeys.value = [...committedKeys.value];
+    draftDirty.value = false;
+    return;
+  }
+  const wasDirty = draftDirty.value;
+  draftDirty.value = false;
+  if (!wasDirty) {
+    draftKeys.value = null;
+    return;
+  }
+  void commit(draftKeys.value ?? []);
+}
 function handleClear() {
+  draftDirty.value = false;
   open.value = false;
-  void submit([]);
+  hoveredKey.value = null;
+  void commit([]);
 }
-const hoveredKey = ref(null);
-watch(open, (isOpen) => {
-  hoveredKey.value = isOpen ? entries.value[0]?.key ?? null : null;
-});
 const hoveredEntry = computed(
   () => entries.value.find((e) => e.key === hoveredKey.value)
 );
@@ -297,7 +328,8 @@ const anyHasTooltip = computed(
     </span>
     <Popover
       v-else
-      v-model:open="open"
+      :open="open"
+      @update:open="handleOpenChange"
     >
       <PopoverAnchor as-child>
         <InputGroup
@@ -347,6 +379,7 @@ const anyHasTooltip = computed(
       <PopoverContent
         class="w-auto p-0 [&_[data-slot=command-input-wrapper]]:h-7 [&_[data-slot=command-input-wrapper]]:px-2 [&_[data-slot=command-input-wrapper]_svg]:size-3 [&_[data-slot=command-input]]:h-7 [&_[data-slot=command-input]]:py-0 [&_[data-slot=command-input]]:text-[0.75rem] [&_[data-slot=command-item]]:px-2 [&_[data-slot=command-item]]:py-1 [&_[data-slot=command-item]]:text-[0.75rem]"
         :style="{ width: 'var(--reka-popover-trigger-width)' }"
+        @focus-outside="(e) => e.preventDefault()"
       >
         <Command
           :model-value="selectedKeys"

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

@@ -5,7 +5,7 @@ import type { ColumnDefDeps, MigrateFn, MigrateSource } from '../../../utils/res
 export declare const type: "com.shwfed.table.column.combobox-multi.remote";
 export declare const compatibilityDate: "2026-05-26";
 export declare const metadata: {
-    readonly name: "下拉多选（远程写入）";
+    readonly name: "多选（远程）";
     readonly icon: "fluent:cloud-arrow-up-20-regular";
 };
 export declare function itemSchema(configure: (env: Environment) => void): Schema.Struct<{
@@ -44,6 +44,32 @@ export declare function itemSchema(configure: (env: Environment) => void): Schem
         message: Schema.SchemaClass<string, string, never>;
     }>]>>>;
 }>;
+export declare function remoteOptionsSchema(configure: (env: Environment) => void): Schema.Struct<{
+    kind: Schema.Literal<["remote"]>;
+    request: Schema.Schema<string, string, never>;
+    options: Schema.Schema<string, string, never>;
+    optionValue: Schema.optionalWith<Schema.Schema<string, string, never>, {
+        default: () => string;
+    }>;
+    optionLabel: Schema.optionalWith<Schema.refine<readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], Schema.TupleType<readonly [Schema.Struct<{
+        locale: Schema.Literal<["zh"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>], [Schema.Struct<{
+        locale: Schema.Literal<["ja", "en", "ko"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>]>>, {
+        default: () => readonly [{
+            readonly locale: "zh";
+            readonly message: "";
+        }];
+    }>;
+}>;
 export declare function optionsSchema(configure: (env: Environment) => void): Schema.Union<[Schema.Struct<{
     kind: Schema.Literal<["static"]>;
     items: Schema.optionalWith<Schema.Array$<Schema.Struct<{

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

@@ -12,7 +12,7 @@ import {
 export const type = "com.shwfed.table.column.combobox-multi.remote";
 export const compatibilityDate = "2026-05-26";
 export const metadata = {
-  name: "\u4E0B\u62C9\u591A\u9009\uFF08\u8FDC\u7A0B\u5199\u5165\uFF09",
+  name: "\u591A\u9009\uFF08\u8FDC\u7A0B\uFF09",
   icon: "fluent:cloud-arrow-up-20-regular"
 };
 const isListType = (actual) => actual === "dyn" || actual.startsWith("list");
@@ -45,8 +45,7 @@ export function itemSchema(configure) {
     title: "ComboboxMultiRemoteItem"
   });
 }
-export function optionsSchema(configure) {
-  const Item = itemSchema(configure);
+export function remoteOptionsSchema(configure) {
   const CelRequest = Expression({
     configure: (env) => {
       configure(env);
@@ -77,14 +76,7 @@ export function optionsSchema(configure) {
       env.registerVariable("option", "dyn", { description: "`\u9009\u9879` \u8868\u8FBE\u5F0F\u4EA7\u51FA\u7684\u6570\u7EC4\u4E2D\u8FED\u4EE3\u5230\u7684\u5355\u4E2A\u5143\u7D20" });
     }
   });
-  const StaticSpec = Schema.Struct({
-    kind: Schema.Literal("static"),
-    items: Schema.optionalWith(Schema.Array(Item).annotations({
-      title: "\u9009\u9879",
-      description: "\u4E0B\u62C9\u6846\u53EF\u9009\u9879\u5217\u8868"
-    }), { default: () => [] })
-  }).annotations({ title: "ComboboxMultiRemoteOptionsStatic", description: "\u9759\u6001\u914D\u7F6E\u7684\u9009\u9879\u5217\u8868" });
-  const RemoteSpec = Schema.Struct({
+  return Schema.Struct({
     kind: Schema.Literal("remote"),
     request: CelRequest.annotations({
       title: "\u8BF7\u6C42",
@@ -103,6 +95,17 @@ export function optionsSchema(configure) {
       description: "\u6BCF\u4E2A\u9009\u9879\u5C55\u793A\u7684\u672C\u5730\u5316\u6587\u672C\uFF0C\u652F\u6301 `{{ string(option.foo) }}` \u63D2\u503C"
     }), { default: () => [{ locale: "zh", message: "" }] })
   }).annotations({ title: "ComboboxMultiRemoteOptionsRemote", description: "\u8FDC\u7A0B\u52A0\u8F7D\u7684\u9009\u9879\u5217\u8868" });
+}
+export function optionsSchema(configure) {
+  const Item = itemSchema(configure);
+  const StaticSpec = Schema.Struct({
+    kind: Schema.Literal("static"),
+    items: Schema.optionalWith(Schema.Array(Item).annotations({
+      title: "\u9009\u9879",
+      description: "\u4E0B\u62C9\u6846\u53EF\u9009\u9879\u5217\u8868"
+    }), { default: () => [] })
+  }).annotations({ title: "ComboboxMultiRemoteOptionsStatic", description: "\u9759\u6001\u914D\u7F6E\u7684\u9009\u9879\u5217\u8868" });
+  const RemoteSpec = remoteOptionsSchema(configure);
   return Schema.Union(StaticSpec, RemoteSpec).annotations({
     title: "\u9009\u9879\u6765\u6E90",
     description: '\u9009\u9879\u53EF\u4EE5\u662F\u9759\u6001\u914D\u7F6E\uFF08`kind: "static"`\uFF09\u6216\u7531\u8FDC\u7A0B\u63A5\u53E3\u52A0\u8F7D\uFF08`kind: "remote"`\uFF09'

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

@@ -0,0 +1,163 @@
+import { type Value } from './schema.js';
+type __VLS_ModelProps = {
+    modelValue: Value;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: {
+        readonly size?: number | undefined;
+        readonly disabled?: string | undefined;
+        readonly type: "com.shwfed.table.column.combobox-single";
+        readonly id: string;
+        readonly title: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]];
+        readonly hidden?: string | undefined;
+        readonly tooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly compatibilityDate: "2026-05-26";
+        readonly groupId?: string | undefined;
+        readonly placeholder?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly readonly?: string | undefined;
+        readonly grow?: boolean | undefined;
+        readonly binding: string;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
+        readonly options: {
+            readonly kind: "remote";
+            readonly request: string;
+            readonly options: string;
+            readonly optionValue: string;
+            readonly optionLabel: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+        } | {
+            readonly kind: "static";
+            readonly items: readonly {
+                readonly label: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly id: string;
+                readonly tooltip?: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]] | undefined;
+                readonly value: {
+                    readonly value: string;
+                    readonly kind: "text";
+                } | {
+                    readonly value: number;
+                    readonly kind: "number";
+                };
+            }[];
+        };
+        readonly enableSorting?: boolean | undefined;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        readonly size?: number | undefined;
+        readonly disabled?: string | undefined;
+        readonly type: "com.shwfed.table.column.combobox-single";
+        readonly id: string;
+        readonly title: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]];
+        readonly hidden?: string | undefined;
+        readonly tooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly compatibilityDate: "2026-05-26";
+        readonly groupId?: string | undefined;
+        readonly placeholder?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly readonly?: string | undefined;
+        readonly grow?: boolean | undefined;
+        readonly binding: string;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
+        readonly options: {
+            readonly kind: "remote";
+            readonly request: string;
+            readonly options: string;
+            readonly optionValue: string;
+            readonly optionLabel: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+        } | {
+            readonly kind: "static";
+            readonly items: readonly {
+                readonly label: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly id: string;
+                readonly tooltip?: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]] | undefined;
+                readonly value: {
+                    readonly value: string;
+                    readonly kind: "text";
+                } | {
+                    readonly value: number;
+                    readonly kind: "number";
+                };
+            }[];
+        };
+        readonly enableSorting?: boolean | undefined;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;