@shwfed/config 2.8.0 → 2.9.0

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.single/schema.js

@@ -9,7 +9,10 @@ export const metadata = {
   name: "\u6811\uFF08\u5355\u9009\uFF09",
   icon: "fluent:tree-evergreen-20-regular",
   w: { initial: 8, min: 4, max: Infinity },
-  h: { initial: 8, min: 4, max: Infinity, grow: true }
+  h: { initial: 8, min: 4, max: Infinity, grow: true },
+  // Publishes its resolved node (the backend record) to the `selections`
+  // registry (runtime.vue), readable via `selections["<id>"]`.
+  selection: true
 };
 export function schema(configure) {
   const CelBool = Expression({ configure, resultType: "bool" });

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

@@ -15,10 +15,10 @@ import { provideCommitBus } from "./utils/commit-bus";
 import { provideDerivedQuiescence, useDerived } from "./utils/derived";
 import { useFormHistory } from "./utils/history";
 import { evaluateInitial } from "./utils/initial";
-import { provideFormValidate } from "../../share/form-validate";
 import { provideEventTarget } from "../../share/event-bus";
 import { provideFormReadonly } from "./utils/readonly";
 import { provideFormState } from "./utils/state";
+import { provideSelectionsRegistry } from "../../utils/selections-registry";
 import { provideValidation } from "./utils/validation";
 defineOptions({ name: "ShwfedForm" });
 const state = defineModel({ type: Object, ...{ default: () => ({}) } });
@@ -29,13 +29,15 @@ const props = defineProps({
 const configure = props.configure ?? (() => {
 });
 void configure;
+const selections = provideSelectionsRegistry();
 provideCELContext(buildFormRuntimeScope({
   form: () => state.value ?? {},
   now: () => new TZDate(),
   // `formHistory` is created further down; these thunks are stored now and
   // only called at eval time (long after setup), so reading it here is safe.
   undoable: () => formHistory.canUndo.value,
-  redoable: () => formHistory.canRedo.value
+  redoable: () => formHistory.canRedo.value,
+  selections: () => selections.entries.value
 }));
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
@@ -81,10 +83,16 @@ const validation = provideValidation({
   seeded,
   settled: quiescence.settled
 });
-provideFormValidate(validation.validate);
 const formHistory = useFormHistory(state, { quiescence, seeded, dirty: formState.dirty });
+class FormInvalid {
+  _tag = "FormInvalid";
+}
 const formInstanceId = config.value?.id ?? crypto.randomUUID();
 provideEventTarget(formInstanceId, {
+  "validate": () => Effect.gen(function* () {
+    const valid = yield* Effect.promise(() => validation.validate());
+    if (!valid) yield* Effect.die(new FormInvalid());
+  }),
   "undo": () => Effect.sync(formHistory.undo),
   "redo": () => Effect.sync(formHistory.redo),
   "reset-to-initial": () => Effect.sync(formHistory.reset)

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

@@ -11,6 +11,10 @@ export declare const metadata: {
     readonly name: "表单";
     readonly icon: "fluent:form-20-regular";
     readonly operations: readonly [{
+        readonly id: "validate";
+        readonly name: "校验";
+        readonly icon: "fluent:checkmark-circle-20-regular";
+    }, {
         readonly id: "undo";
         readonly name: "撤销";
         readonly icon: "fluent:arrow-undo-20-regular";

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

@@ -20,6 +20,7 @@ export const metadata = {
   name: "\u8868\u5355",
   icon: "fluent:form-20-regular",
   operations: [
+    { id: "validate", name: "\u6821\u9A8C", icon: "fluent:checkmark-circle-20-regular" },
     { id: "undo", name: "\u64A4\u9500", icon: "fluent:arrow-undo-20-regular" },
     { id: "redo", name: "\u91CD\u505A", icon: "fluent:arrow-redo-20-regular" },
     { id: "reset-to-initial", name: "\u91CD\u7F6E\u4E3A\u521D\u59CB\u503C", icon: "fluent:arrow-reset-20-regular" }

package/dist/runtime/components/form/unit-config.vue

@@ -7,7 +7,8 @@ import { toast } from "vue-sonner";
 import {
   celBindings,
   injectCELContext,
-  provideCELContext
+  provideCELContext,
+  provideSelectionRoster
 } from "../../utils/cel-context";
 import { findFreePlacement, normalizeLayoutSet, placeGroupAt } from "../../share/layout";
 import { readClip, reidFragment, writeClip } from "../../share/clipboard";
@@ -45,6 +46,10 @@ const breadcrumbExt = inject(BREADCRUMB_EXTENSION_KEY, null);
 const fullPane = ref(false);
 provide(FORM_FIELD_LAYOUT_KEY, { fullPane });
 provideCELContext(props.fieldCelScope ?? {});
+const selectionRoster = computed(
+  () => unit.value.fields.filter((f) => findField(f.type, f.compatibilityDate)?.metadata?.selection).map((f) => ({ id: f.id, name: fieldLabel(f) }))
+);
+provideSelectionRoster(selectionRoster);
 const takeover = inject(SIDEBAR_TAKEOVER_KEY, null);
 const takeoverTarget = computed(() => takeover?.target.value ?? null);
 const activeFieldId = computed(() => {

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

@@ -1,7 +1,9 @@
+import { SELECTIONS_VAR } from "../../../utils/cel-context.js";
 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" });
   if (!declared.has("undoable")) env.registerVariable("undoable", "bool", { label: "\u53EF\u64A4\u9500", description: "\u5F53\u524D\u662F\u5426\u6709\u53EF\u64A4\u9500\u7684\u4FEE\u6539" });
   if (!declared.has("redoable")) env.registerVariable("redoable", "bool", { label: "\u53EF\u91CD\u505A", description: "\u5F53\u524D\u662F\u5426\u6709\u53EF\u91CD\u505A\u7684\u4FEE\u6539" });
+  if (!declared.has(SELECTIONS_VAR)) env.registerVariable(SELECTIONS_VAR, "dyn", { label: "\u9009\u4E2D\u9879", description: "\u5404\u9009\u62E9\u5B57\u6BB5\u5F53\u524D\u9009\u4E2D\u9879\u7684\u5B8C\u6574\u5BF9\u8C61\uFF08\u6309\u5B57\u6BB5\u6807\u8BC6\uFF09" });
 }

package/dist/runtime/components/form/utils/resolve.d.ts

@@ -65,6 +65,16 @@ export type FieldMetadata = Readonly<{
      * fullscreen. See `BlockLayoutEditor`'s inline-config pane.
      */
     inlineConfig?: boolean;
+    /**
+     * Whether this field is *selection-like* — it publishes its currently-resolved
+     * full option to the `selections` registry at runtime (see
+     * `utils/selections-registry`), keyed by its uuid. The form's unit-config reads
+     * this to build the selection roster the ExpressionEditor advertises: a sibling
+     * expression reaches the chosen record via `selections["<id>"].code`, and the
+     * editor renders that uuid as this field's name. Set it together with the
+     * runtime publish so the picker never advertises a field that writes nothing.
+     */
+    selection?: boolean;
 }>;
 /**
  * Optional creation-time defaults factory. Returns a partial config that

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

@@ -9,6 +9,7 @@ import { useI18n } from "vue-i18n";
 import { asRequest, fetchJsonOption } from "../../../../../share/request";
 import { cel as _rawCel } from "../../../../../utils/cel";
 import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import { publishSelection } from "../../../../../utils/selections-registry";
 import { getLocalizedText } from "../../../../../share/locale";
 import { dispatchTriggers, useEventChannel } from "../../../../../share/event-bus";
 import {
@@ -97,7 +98,8 @@ const staticEntries = computed(() => {
       value: item.value.value,
       label: labelTpl ? safeInterpolate(labelTpl, {}) : "",
       tooltip: tooltipTpl ? safeInterpolate(tooltipTpl, {}) : void 0,
-      keywords: (item.keywords ?? []).join(" ")
+      keywords: (item.keywords ?? []).join(" "),
+      raw: item
     };
   });
 });
@@ -205,7 +207,8 @@ const remoteEntries = computed(() => {
     key: String(idx),
     label: labelOf(option),
     value: valueOf(option),
-    keywords: keywordsOf(option)
+    keywords: keywordsOf(option),
+    raw: option
   }));
 });
 const entries = computed(
@@ -244,6 +247,14 @@ const selectedKeySet = computed(() => new Set(selectedKeys.value));
 const selectedEntries = computed(
   () => selectedKeys.value.map((k) => entries.value.find((e) => e.key === k)).filter((e) => !!e)
 );
+publishSelection(
+  props.column.id,
+  () => selectedEntries.value.length > 0 ? selectedEntries.value : void 0,
+  {
+    identity: (list) => list.map((e) => e.key).join(" "),
+    raw: (list) => list.map((e) => e.raw)
+  }
+);
 const triggerLabel = computed(() => {
   const arr = selectedEntries.value;
   if (arr.length === 0) return "";

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

@@ -7,6 +7,7 @@ export declare const compatibilityDate: "2026-05-28";
 export declare const metadata: {
     readonly name: "多选";
     readonly icon: "fluent:chevron-down-20-regular";
+    readonly selection: true;
 };
 export declare function itemSchema(configure: (env: Environment) => void): Schema.Struct<{
     id: Schema.refine<string, typeof Schema.String>;

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

@@ -15,7 +15,10 @@ export const type = "com.shwfed.table.column.combobox-multi";
 export const compatibilityDate = "2026-05-28";
 export const metadata = {
   name: "\u591A\u9009",
-  icon: "fluent:chevron-down-20-regular"
+  icon: "fluent:chevron-down-20-regular",
+  // Publishes its resolved options (array) to the per-row `selections` registry
+  // (runtime.vue), readable via `selections["<id>"]`.
+  selection: true
 };
 const isListType = (actual) => actual === "dyn" || actual.startsWith("list");
 const isKeywordsType = (actual) => actual === "dyn" || actual.startsWith("list") || actual.startsWith("optional");

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.combobox-single/runtime.vue

@@ -9,6 +9,7 @@ import { useI18n } from "vue-i18n";
 import { asRequest, fetchJsonOption } from "../../../../../share/request";
 import { cel as _rawCel } from "../../../../../utils/cel";
 import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import { publishSelection } from "../../../../../utils/selections-registry";
 import { getLocalizedText } from "../../../../../share/locale";
 import { dispatchTriggers, useEventChannel } from "../../../../../share/event-bus";
 import {
@@ -97,7 +98,8 @@ const staticEntries = computed(() => {
       value: item.value.value,
       label: labelTpl ? safeInterpolate(labelTpl, {}) : "",
       tooltip: tooltipTpl ? safeInterpolate(tooltipTpl, {}) : void 0,
-      keywords: (item.keywords ?? []).join(" ")
+      keywords: (item.keywords ?? []).join(" "),
+      raw: item
     };
   });
 });
@@ -205,7 +207,8 @@ const remoteEntries = computed(() => {
     key: String(idx),
     label: labelOf(option),
     value: valueOf(option),
-    keywords: keywordsOf(option)
+    keywords: keywordsOf(option),
+    raw: option
   }));
 });
 const entries = computed(
@@ -232,6 +235,11 @@ const selectedEntry = computed(
 );
 const selectedKey = computed(() => selectedEntry.value?.key);
 const selectedLabel = computed(() => selectedEntry.value?.label ?? "");
+publishSelection(
+  props.column.id,
+  () => selectedEntry.value,
+  { identity: (entry) => entry.key, raw: (entry) => entry.raw }
+);
 const open = ref(false);
 const isDisabled = computed(
   () => !isInteractive.value || isDisabledByConfig.value || pending.value

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

@@ -7,6 +7,7 @@ export declare const compatibilityDate: "2026-05-28";
 export declare const metadata: {
     readonly name: "单选";
     readonly icon: "fluent:chevron-down-20-regular";
+    readonly selection: true;
 };
 export declare function itemSchema(configure: (env: Environment) => void): Schema.Struct<{
     id: Schema.refine<string, typeof Schema.String>;

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.combobox-single/schema.js

@@ -15,7 +15,10 @@ export const type = "com.shwfed.table.column.combobox-single";
 export const compatibilityDate = "2026-05-28";
 export const metadata = {
   name: "\u5355\u9009",
-  icon: "fluent:chevron-down-20-regular"
+  icon: "fluent:chevron-down-20-regular",
+  // Publishes its resolved option (the source record) to the per-row
+  // `selections` registry (runtime.vue), readable via `selections["<id>"]`.
+  selection: true
 };
 const isListType = (actual) => actual === "dyn" || actual.startsWith("list");
 const isKeywordsType = (actual) => actual === "dyn" || actual.startsWith("list") || actual.startsWith("optional");

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

@@ -5,6 +5,7 @@ import { computed, ref, shallowRef, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { cel as _rawCel } from "../../../../../utils/cel";
 import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import { publishSelection } from "../../../../../utils/selections-registry";
 import { getLocalizedText } from "../../../../../share/locale";
 import { fetchJsonOption } from "../../../../../share/request";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../../../ui/input-group";
@@ -203,6 +204,21 @@ const roots = computed(
     nodeChildren: nodeChildrenList
   })
 );
+const selectedLeaves = computed(
+  () => committedKeys.value.map((k) => {
+    const path = findWrappedPath(roots.value, k);
+    if (!path || path.length === 0) return void 0;
+    return path[path.length - 1];
+  }).filter((node) => node !== void 0)
+);
+publishSelection(
+  props.column.id,
+  () => selectedLeaves.value.length > 0 ? selectedLeaves.value : void 0,
+  {
+    identity: (list) => list.map((w) => w.key).join(" "),
+    raw: (list) => list.map((w) => w.raw)
+  }
+);
 const pendingKeys = ref(null);
 const open = ref(false);
 watch(open, (next, prev) => {

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

@@ -7,6 +7,7 @@ export declare const compatibilityDate: "2026-05-28";
 export declare const metadata: {
     readonly name: "下拉树（多选）";
     readonly icon: "fluent:tree-evergreen-20-regular";
+    readonly selection: true;
 };
 export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
     placeholder: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{

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

@@ -13,7 +13,9 @@ export const type = "com.shwfed.table.column.tree-combobox-multi";
 export const compatibilityDate = "2026-05-28";
 export const metadata = {
   name: "\u4E0B\u62C9\u6811\uFF08\u591A\u9009\uFF09",
-  icon: "fluent:tree-evergreen-20-regular"
+  icon: "fluent:tree-evergreen-20-regular",
+  // Publishes its resolved nodes (array) to the per-row `selections` registry (runtime.vue), readable via `selections["<id>"]`.
+  selection: true
 };
 const isListLike = (t) => t === "dyn" || t.startsWith("list") || t.startsWith("optional");
 const isKeyType = (t) => t === "string" || t === "number" || t === "dyn";

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.tree-combobox-single/runtime.vue

@@ -5,6 +5,7 @@ import { computed, ref, shallowRef, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { cel as _rawCel } from "../../../../../utils/cel";
 import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import { publishSelection } from "../../../../../utils/selections-registry";
 import { getLocalizedText } from "../../../../../share/locale";
 import { fetchJsonOption } from "../../../../../share/request";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../../../ui/input-group";
@@ -206,14 +207,21 @@ const roots = computed(
     nodeChildren: nodeChildrenList
   })
 );
-const triggerLabel = computed(() => {
+const selectedWrapped = computed(() => {
   const k = model.value;
-  if (!k) return "";
+  if (!k) return void 0;
   const path = findWrappedPath(roots.value, k);
-  if (!path || path.length === 0) return "";
-  const leaf = path[path.length - 1];
-  return wrappedLabelText(leaf);
+  if (!path || path.length === 0) return void 0;
+  return path[path.length - 1];
 });
+const triggerLabel = computed(
+  () => selectedWrapped.value ? wrappedLabelText(selectedWrapped.value) : ""
+);
+publishSelection(
+  props.column.id,
+  () => selectedWrapped.value,
+  { identity: (w) => w.key, raw: (w) => w.raw }
+);
 const initialExpanded = computed(() => {
   if (!props.column.expandAll) return [];
   const out = [];

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

@@ -7,6 +7,7 @@ export declare const compatibilityDate: "2026-05-28";
 export declare const metadata: {
     readonly name: "下拉树（单选）";
     readonly icon: "fluent:tree-evergreen-20-regular";
+    readonly selection: true;
 };
 export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
     placeholder: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.tree-combobox-single/schema.js

@@ -13,7 +13,9 @@ export const type = "com.shwfed.table.column.tree-combobox-single";
 export const compatibilityDate = "2026-05-28";
 export const metadata = {
   name: "\u4E0B\u62C9\u6811\uFF08\u5355\u9009\uFF09",
-  icon: "fluent:tree-evergreen-20-regular"
+  icon: "fluent:tree-evergreen-20-regular",
+  // Publishes its resolved node (backend record) to the per-row `selections` registry (runtime.vue), readable via `selections["<id>"]`.
+  selection: true
 };
 const isListLike = (t) => t === "dyn" || t.startsWith("list") || t.startsWith("optional");
 const isKeyType = (t) => t === "string" || t === "number" || t === "dyn";

package/dist/runtime/components/table/config.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { computed, defineComponent, inject, onBeforeUnmount, provide, ref, watch } from "vue";
-import { provideCELContext, provideScopeAncestor } from "../../utils/cel-context";
+import { provideCELContext, provideScopeAncestor, provideSelectionRoster } from "../../utils/cel-context";
 import { BREADCRUMB_EXTENSION_KEY } from "../config/breadcrumb-extension";
 import { TABLE_COLUMN_LAYOUT_KEY } from "./column-layout";
 import { Icon } from "@iconify/vue";
@@ -310,6 +310,10 @@ const selectedColumnEntry = computed(() => {
   if (!c) return void 0;
   return findColumnEntry(c.type, c.compatibilityDate);
 });
+const selectionRoster = computed(
+  () => editingColumns.value.filter((c) => findColumnEntry(c.type, c.compatibilityDate)?.metadata?.selection).map((c) => ({ id: c.id, name: columnLabel(c) }))
+);
+provideSelectionRoster(selectionRoster);
 const pinnedLeftIds = computed(() => {
   const ids = editingGeneralConfig.value.initialState?.columnPinning?.left;
   return new Set(Array.isArray(ids) ? ids : []);

package/dist/runtime/components/table/row-provider.vue

@@ -3,6 +3,7 @@ import { Effect } from "effect";
 import { customRef } from "vue";
 import { cel as _rawCel } from "../../utils/cel";
 import { celBindings, injectCELContext, provideCELContext, provideScopeAddress } from "../../utils/cel-context";
+import { provideSelectionsRegistry } from "../../utils/selections-registry";
 import { useDerived, useDerivedQuiescence } from "../form/utils/derived";
 import { provideFormState } from "../form/utils/state";
 defineOptions({ name: "ShwfedTableRowProvider" });
@@ -24,6 +25,7 @@ const rowRef = customRef((track, trigger) => ({
     trigger();
   }
 }));
+const selections = provideSelectionsRegistry();
 provideCELContext({
   row: {
     type: "dyn",
@@ -36,6 +38,12 @@ provideCELContext({
     label: "\u884C\u5E8F\u53F7",
     description: "\u5F53\u524D\u884C\u5728\u6240\u6709\u6570\u636E\u4E2D\u7684\u5E8F\u53F7\uFF0C\u4ECE `0` \u5F00\u59CB\u3002",
     value: () => props.displayIndex
+  },
+  selections: {
+    type: "dyn",
+    label: "\u9009\u4E2D\u9879",
+    description: "\u672C\u884C\u5404\u9009\u62E9\u5217\u5F53\u524D\u9009\u4E2D\u9879\u7684\u5B8C\u6574\u5BF9\u8C61\uFF08\u6309\u5217\u6807\u8BC6\uFF09\u3002",
+    value: () => selections.entries.value
   }
 });
 if (props.scopeId) {

package/dist/runtime/components/table/utils/resolve.d.ts

@@ -9,6 +9,13 @@ type SchemaFactory = (configure: (env: Environment) => void) => AnySchema;
 export type ColumnMetadata = Readonly<{
     name: string;
     icon: string;
+    /**
+     * True when this column publishes its resolved option to the per-row
+     * `selections` registry (its runtime keyed by `column.id`). Set it together
+     * with the runtime publish so the expression editor never advertises a column
+     * that writes nothing. Mirrors `FieldMetadata.selection` on the form host.
+     */
+    selection?: boolean;
 }>;
 export type ColumnDefDeps = Readonly<{
     getLocaleText: (value: LocaleValue | undefined) => string | undefined;

package/dist/runtime/components/table/utils/shared.js

@@ -1,6 +1,7 @@
 import { Schema } from "effect";
 import { Icon } from "@iconify/vue";
 import { h } from "vue";
+import { SELECTIONS_VAR } from "../../../utils/cel-context.js";
 import { Expression, LocaleMarkdown } from "../../../share/expression.js";
 import { Locale } from "../../../share/locale.js";
 import { md } from "../../../share/markdown.js";
@@ -97,6 +98,9 @@ export function registerRowVariablesIfAbsent(env) {
   if (!declared.has("index")) {
     env.registerVariable("index", "number", { label: "\u884C\u5E8F\u53F7", description: "\u884C\u7D22\u5F15" });
   }
+  if (!declared.has(SELECTIONS_VAR)) {
+    env.registerVariable(SELECTIONS_VAR, "dyn", { label: "\u9009\u4E2D\u9879", description: "\u672C\u884C\u5404\u9009\u62E9\u5217\u5F53\u524D\u9009\u4E2D\u9879\u7684\u5B8C\u6574\u5BF9\u8C61\uFF08\u6309\u5217\u6807\u8BC6\uFF09" });
+  }
 }
 function configureWithRow(configure) {
   return (env) => {

package/dist/runtime/components/ui/expression-editor/CodeMirrorInput.d.vue.ts

@@ -7,6 +7,7 @@ type __VLS_Props = {
     multiline?: boolean;
     placeholder?: string;
     scopeLookup: Map<string, ScopeInfo>;
+    selectionLookup: Map<string, string>;
 };
 declare function insertAtSelection(text: string): void;
 declare function focus(): void;

package/dist/runtime/components/ui/expression-editor/CodeMirrorInput.vue

@@ -6,6 +6,7 @@ import { onBeforeUnmount, onMounted, useTemplateRef, watch } from "vue";
 import { cn } from "../../../utils/cn";
 import { celHighlighting } from "./cel-language";
 import { scopeChips, scopeLookupFacet } from "./chip-extension";
+import { selectionChips, selectionLookupFacet } from "./selection-chip-extension";
 defineOptions({ name: "UiCodeMirrorInput" });
 const props = defineProps({
   class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
@@ -13,12 +14,14 @@ const props = defineProps({
   modelValue: { type: String, required: false },
   multiline: { type: Boolean, required: false },
   placeholder: { type: String, required: false },
-  scopeLookup: { type: Map, required: true }
+  scopeLookup: { type: Map, required: true },
+  selectionLookup: { type: Map, required: true }
 });
 const emits = defineEmits(["update:modelValue"]);
 const host = useTemplateRef("host");
 let view = null;
 const lookupCompartment = new Compartment();
+const selectionLookupCompartment = new Compartment();
 const modeCompartment = new Compartment();
 let applyingExternal = false;
 const editorTheme = EditorView.theme({
@@ -73,6 +76,7 @@ function makeState(doc) {
       keymap.of([...defaultKeymap, ...historyKeymap]),
       cmPlaceholder(props.placeholder ?? ""),
       lookupCompartment.of(scopeLookupFacet.of(props.scopeLookup)),
+      selectionLookupCompartment.of(selectionLookupFacet.of(props.selectionLookup)),
       modeCompartment.of(modeExtension(!!props.multiline)),
       editorTheme,
       // CEL syntax colours sit *under* the chips: the chip plugin's
@@ -80,6 +84,7 @@ function makeState(doc) {
       // marks here only show through on ordinary expression text.
       celHighlighting(),
       scopeChips(),
+      selectionChips(),
       EditorView.contentAttributes.of({ "aria-label": props.placeholder ?? "Expression" }),
       EditorView.updateListener.of((update) => {
         if (!update.docChanged || applyingExternal) return;
@@ -110,6 +115,9 @@ watch(() => props.modelValue, (next) => {
 watch(() => props.scopeLookup, (lookup) => {
   view?.dispatch({ effects: lookupCompartment.reconfigure(scopeLookupFacet.of(lookup)) });
 });
+watch(() => props.selectionLookup, (lookup) => {
+  view?.dispatch({ effects: selectionLookupCompartment.reconfigure(selectionLookupFacet.of(lookup)) });
+});
 watch(() => props.multiline, (multiline) => {
   view?.dispatch({ effects: modeCompartment.reconfigure(modeExtension(!!multiline)) });
 });

package/dist/runtime/components/ui/expression-editor/CodeMirrorInput.vue.d.ts

@@ -7,6 +7,7 @@ type __VLS_Props = {
     multiline?: boolean;
     placeholder?: string;
     scopeLookup: Map<string, ScopeInfo>;
+    selectionLookup: Map<string, string>;
 };
 declare function insertAtSelection(text: string): void;
 declare function focus(): void;

package/dist/runtime/components/ui/expression-editor/ExpressionEditor.d.vue.ts

@@ -14,11 +14,11 @@ type __VLS_Props = {
     extraVars?: Record<string, VarSpec>;
     unlistedVarsAreDyn?: boolean;
 };
-declare var __VLS_13: {}, __VLS_129: {};
+declare var __VLS_13: {}, __VLS_150: {};
 type __VLS_Slots = {} & {
     leading?: (props: typeof __VLS_13) => any;
 } & {
-    trailing?: (props: typeof __VLS_129) => any;
+    trailing?: (props: typeof __VLS_150) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (payload: string) => any;

package/dist/runtime/components/ui/expression-editor/ExpressionEditor.vue

@@ -2,11 +2,12 @@
 import { Icon } from "@iconify/vue";
 import { computed, ref, useSlots, useTemplateRef, watch } from "vue";
 import { buildCheckEnvironment, evaluateExpression } from "../../../share/expression";
-import { injectCELContext, useScopeAncestry } from "../../../utils/cel-context";
+import { injectCELContext, useScopeAncestry, useSelectionRoster } from "../../../utils/cel-context";
 import { Markdown } from "../markdown";
 import CodeMirrorInput from "./CodeMirrorInput.vue";
 import { buildScopeLookup } from "./scope-refs";
-import { buildScopeEntries, buildVarEntries } from "./picker-entries";
+import { buildSelectionLookup } from "./selection-refs";
+import { buildScopeEntries, buildSelectionEntries, buildVarEntries } from "./picker-entries";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../command";
 import { InputGroup, InputGroupAddon, InputGroupButton } from "../input-group";
 import { Popover, PopoverContent, PopoverTrigger } from "../popover";
@@ -24,10 +25,13 @@ const props = defineProps({
 const emits = defineEmits(["update:modelValue"]);
 const celContext = injectCELContext();
 const scopeAncestry = useScopeAncestry();
+const selectionRoster = useSelectionRoster();
 const varEntries = computed(() => buildVarEntries(celContext, props.extraVars));
 const scopeEntries = computed(() => buildScopeEntries(scopeAncestry.value.slice(1)));
+const selectionEntries = computed(() => buildSelectionEntries(selectionRoster.value));
 const scopeLookup = computed(() => buildScopeLookup(scopeAncestry.value));
-const hasVars = computed(() => varEntries.value.length > 0 || scopeEntries.value.length > 0);
+const selectionLookup = computed(() => buildSelectionLookup(selectionRoster.value));
+const hasVars = computed(() => varEntries.value.length > 0 || scopeEntries.value.length > 0 || selectionEntries.value.length > 0);
 const checkEnvironment = computed(() => {
   const vars = /* @__PURE__ */ new Map();
   for (const [name, entry] of Object.entries(celContext)) vars.set(name, entry.type);
@@ -46,6 +50,7 @@ const open = ref(false);
 const entries = ref([]);
 const shownVars = computed(() => entries.value.filter((e) => e.group === "var"));
 const shownScopes = computed(() => entries.value.filter((e) => e.group === "scope"));
+const shownSelections = computed(() => entries.value.filter((e) => e.group === "selection"));
 const hoveredName = ref(null);
 const editorRef = useTemplateRef("editor");
 function insertVariable(text) {
@@ -54,7 +59,7 @@ function insertVariable(text) {
 }
 watch(open, (v) => {
   if (v) {
-    entries.value = [...varEntries.value, ...scopeEntries.value];
+    entries.value = [...varEntries.value, ...selectionEntries.value, ...scopeEntries.value];
     hoveredName.value = entries.value[0]?.id ?? null;
   }
 });
@@ -91,6 +96,7 @@ const addonAlign = computed(
         :placeholder="props.placeholder"
         :multiline="props.multiline"
         :scope-lookup="scopeLookup"
+        :selection-lookup="selectionLookup"
         :class="props.class"
         @update:model-value="(v) => emits('update:modelValue', v)"
       />
@@ -141,6 +147,29 @@ const addonAlign = computed(
                     </span>
                   </CommandItem>
                 </CommandGroup>
+                <CommandGroup
+                  v-if="shownSelections.length > 0"
+                  heading="选中项"
+                >
+                  <CommandItem
+                    v-for="entry in shownSelections"
+                    :key="entry.id"
+                    :value="`${entry.display} ${entry.id}`"
+                    class="cursor-pointer gap-2"
+                    @select="insertVariable(entry.insert)"
+                    @mouseenter="hoveredName = entry.id"
+                    @focus="hoveredName = entry.id"
+                  >
+                    <Icon
+                      icon="fluent:cursor-click-20-regular"
+                      class="size-3.5 shrink-0 text-teal-500"
+                    />
+                    <span class="flex-1 truncate text-xs text-zinc-700">{{ entry.display }}</span>
+                    <span class="rounded bg-teal-100 px-1.5 py-0.5 font-mono text-[10px] leading-none text-teal-700 select-none">
+                      {{ entry.type }}
+                    </span>
+                  </CommandItem>
+                </CommandGroup>
                 <CommandGroup
                   v-if="shownScopes.length > 0"
                   heading="跨层引用"

package/dist/runtime/components/ui/expression-editor/ExpressionEditor.vue.d.ts

@@ -14,11 +14,11 @@ type __VLS_Props = {
     extraVars?: Record<string, VarSpec>;
     unlistedVarsAreDyn?: boolean;
 };
-declare var __VLS_13: {}, __VLS_129: {};
+declare var __VLS_13: {}, __VLS_150: {};
 type __VLS_Slots = {} & {
     leading?: (props: typeof __VLS_13) => any;
 } & {
-    trailing?: (props: typeof __VLS_129) => any;
+    trailing?: (props: typeof __VLS_150) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (payload: string) => any;