@shwfed/config 2.9.12 → 2.10.0

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.multi/runtime.vue

@@ -17,7 +17,7 @@ import { Skeleton } from "../../../../ui/skeleton";
 import { Tree as UiTree } from "../../../../ui/tree";
 import { interpolateMarkdown } from "../../../../table/utils/runtime";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope, useFormState } from "../../../utils/state";
 import { useFieldValidation } from "../../../utils/validation";
 defineOptions({ name: "ShwfedTreeMultiFieldRuntime" });
 const props = defineProps({
@@ -32,7 +32,6 @@ const { locale, t } = useI18n({
       "tree-multi-search-clear": "\u6E05\u9664\u641C\u7D22",
       "tree-multi-load-error": "\u52A0\u8F7D\u5931\u8D25",
       "tree-multi-empty": "\u65E0\u53EF\u9009\u9879",
-      "tree-multi-readonly-empty": "\u2014",
       "tree-multi-readonly-separator": "\u3001"
     },
     en: {
@@ -40,7 +39,6 @@ const { locale, t } = useI18n({
       "tree-multi-search-clear": "Clear search",
       "tree-multi-load-error": "Failed to load",
       "tree-multi-empty": "No options",
-      "tree-multi-readonly-empty": "\u2014",
       "tree-multi-readonly-separator": ", "
     },
     ja: {
@@ -48,12 +46,12 @@ const { locale, t } = useI18n({
       "tree-multi-search-clear": "\u691C\u7D22\u3092\u30AF\u30EA\u30A2",
       "tree-multi-load-error": "\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
       "tree-multi-empty": "\u9078\u629E\u80A2\u306A\u3057",
-      "tree-multi-readonly-empty": "\u2014",
       "tree-multi-readonly-separator": "\u3001"
     }
   }
 });
-const { state, getAt, setAt } = useFormState();
+const { getAt, setAt } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -63,7 +61,7 @@ const tooltipText = computed(
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -111,11 +109,11 @@ async function fetchTree() {
     let jsonOpt = Option.none();
     if (dataSource.request) {
       jsonOpt = yield* fetchJsonOption(yield* $cel(dataSource.request, {
-        form: state.value ?? {}
+        form: formScope.state.value ?? {}
       }));
     }
     const dataRaw = yield* $cel(dataSource.data, {
-      form: state.value ?? {},
+      form: formScope.state.value ?? {},
       json: jsonOpt
     });
     return Array.isArray(dataRaw) ? dataRaw : [];
@@ -149,7 +147,7 @@ watch(
   { immediate: true }
 );
 function nodeCtx(node) {
-  return { form: state.value ?? {}, node };
+  return { form: formScope.state.value ?? {}, node };
 }
 function getKey(node) {
   try {
@@ -186,7 +184,7 @@ function nodeSelectable(node, _depth) {
 }
 function safeInterpolate(tpl, node) {
   try {
-    return interpolateMarkdown(tpl, $cel, { form: state.value ?? {}, node });
+    return interpolateMarkdown(tpl, $cel, { form: formScope.state.value ?? {}, node });
   } catch (err) {
     console.error(`[shwfed-form] failed to interpolate node text for ${props.fieldId}:`, err);
     return tpl;
@@ -289,14 +287,13 @@ publishSelection(
   }
 );
 const readonlyText = computed(() => {
-  const empty = t("tree-multi-readonly-empty");
-  if (model.value.length === 0) return empty;
+  if (model.value.length === 0) return null;
   const found = resolvedByKey.value;
   const labels = model.value.map((id) => {
     const n = found.get(id);
     return n !== void 0 ? nodeLabelText(n) : id;
   }).filter((l) => l.length > 0);
-  return labels.length > 0 ? labels.join(t("tree-multi-readonly-separator")) : empty;
+  return labels.length > 0 ? labels.join(t("tree-multi-readonly-separator")) : null;
 });
 </script>
 
@@ -327,9 +324,10 @@ const readonlyText = computed(() => {
 
     <div
       v-if="effectiveReadonly"
-      class="min-h-9 py-1.5 text-sm text-zinc-700"
+      class="min-h-9 py-1.5 text-sm"
+      :class="readonlyText ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >
-      {{ readonlyText }}
+      {{ readonlyText || "-" }}
     </div>
 
     <template v-else>

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

@@ -16,7 +16,7 @@ import { Skeleton } from "../../../../ui/skeleton";
 import { Tree as UiTree } from "../../../../ui/tree";
 import { interpolateMarkdown } from "../../../../table/utils/runtime";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope, useFormState } from "../../../utils/state";
 import { useFieldValidation } from "../../../utils/validation";
 defineOptions({ name: "ShwfedTreeSingleFieldRuntime" });
 const props = defineProps({
@@ -30,26 +30,24 @@ const { locale, t } = useI18n({
       "tree-single-search-label": "\u641C\u7D22",
       "tree-single-search-clear": "\u6E05\u9664\u641C\u7D22",
       "tree-single-load-error": "\u52A0\u8F7D\u5931\u8D25",
-      "tree-single-empty": "\u65E0\u53EF\u9009\u9879",
-      "tree-single-readonly-empty": "\u2014"
+      "tree-single-empty": "\u65E0\u53EF\u9009\u9879"
     },
     en: {
       "tree-single-search-label": "Search",
       "tree-single-search-clear": "Clear search",
       "tree-single-load-error": "Failed to load",
-      "tree-single-empty": "No options",
-      "tree-single-readonly-empty": "\u2014"
+      "tree-single-empty": "No options"
     },
     ja: {
       "tree-single-search-label": "\u691C\u7D22",
       "tree-single-search-clear": "\u691C\u7D22\u3092\u30AF\u30EA\u30A2",
       "tree-single-load-error": "\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
-      "tree-single-empty": "\u9078\u629E\u80A2\u306A\u3057",
-      "tree-single-readonly-empty": "\u2014"
+      "tree-single-empty": "\u9078\u629E\u80A2\u306A\u3057"
     }
   }
 });
-const { state, getAt, setAt } = useFormState();
+const { getAt, setAt } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -59,7 +57,7 @@ const tooltipText = computed(
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -107,11 +105,11 @@ async function fetchTree() {
     let jsonOpt = Option.none();
     if (dataSource.request) {
       jsonOpt = yield* fetchJsonOption(yield* $cel(dataSource.request, {
-        form: state.value ?? {}
+        form: formScope.state.value ?? {}
       }));
     }
     const dataRaw = yield* $cel(dataSource.data, {
-      form: state.value ?? {},
+      form: formScope.state.value ?? {},
       json: jsonOpt
     });
     return Array.isArray(dataRaw) ? dataRaw : [];
@@ -145,7 +143,7 @@ watch(
   { immediate: true }
 );
 function nodeCtx(node) {
-  return { form: state.value ?? {}, node };
+  return { form: formScope.state.value ?? {}, node };
 }
 function getKey(node) {
   try {
@@ -182,7 +180,7 @@ function nodeSelectable(node, _depth) {
 }
 function safeInterpolate(tpl, node) {
   try {
-    return interpolateMarkdown(tpl, $cel, { form: state.value ?? {}, node });
+    return interpolateMarkdown(tpl, $cel, { form: formScope.state.value ?? {}, node });
   } catch (err) {
     console.error(`[shwfed-form] failed to interpolate node text for ${props.fieldId}:`, err);
     return tpl;
@@ -278,7 +276,7 @@ publishSelection(
 );
 const readonlyText = computed(() => {
   const selected = model.value;
-  if (selected == null) return t("tree-single-readonly-empty");
+  if (selected == null) return null;
   const n = selectedNode.value;
   if (n === void 0) return selected;
   const label = nodeLabelText(n);
@@ -313,9 +311,10 @@ const readonlyText = computed(() => {
 
     <div
       v-if="effectiveReadonly"
-      class="min-h-9 py-1.5 text-sm text-zinc-700"
+      class="min-h-9 py-1.5 text-sm"
+      :class="readonlyText ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >
-      {{ readonlyText }}
+      {{ readonlyText || "-" }}
     </div>
 
     <template v-else>

package/dist/runtime/components/form/fields/2026-06-09/com.shwfed.form.field.upload/runtime.vue

@@ -14,7 +14,7 @@ import { Markdown } from "../../../../ui/markdown";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFieldValidation } from "../../../utils/validation";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope, useFormState } from "../../../utils/state";
 const ICONS = {
   "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "vscode-icons:file-type-excel",
   "application/vnd.ms-excel": "vscode-icons:file-type-excel",
@@ -91,7 +91,8 @@ const { locale, t } = useI18n({
     }
   }
 });
-const { state, getAt, setAt } = useFormState();
+const { getAt, setAt } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(
@@ -106,7 +107,7 @@ const tooltipText = computed(
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -146,7 +147,7 @@ function entryName(entry) {
   const expr = props.config.upload?.filename;
   if (expr) {
     try {
-      const name = Effect.runSync($cel(expr, { form: state.value ?? {}, file: entry }));
+      const name = Effect.runSync($cel(expr, { form: formScope.state.value ?? {}, file: entry }));
       if (typeof name === "string" && name.length > 0) return name;
     } catch (err) {
       console.error(`[shwfed-form] failed to evaluate upload filename for ${props.fieldId}:`, err);
@@ -215,11 +216,11 @@ async function uploadFiles(accepted) {
   if (!upload) return [];
   const program = Effect.gen(function* () {
     const builder = yield* $cel(upload.request, {
-      form: state.value ?? {},
+      form: formScope.state.value ?? {},
       files: accepted
     });
     const json = yield* builder.json();
-    return yield* $cel(upload.handle, { form: state.value ?? {}, json });
+    return yield* $cel(upload.handle, { form: formScope.state.value ?? {}, json });
   });
   try {
     const items = await Effect.runPromise(Effect.provide(program, Fetch.layer));
@@ -287,7 +288,7 @@ function templateLabelText(template) {
   return (template.label ? getLocalizedText(template.label, locale.value) : void 0) ?? "\u4E0B\u8F7D\u6A21\u677F";
 }
 async function onDownloadTemplate(template) {
-  const ctx = { form: state.value ?? {} };
+  const ctx = { form: formScope.state.value ?? {} };
   const program = Effect.gen(function* () {
     const requestBuilder = yield* $cel(template.request, ctx);
     if (!template.download) {

package/dist/runtime/components/form/fields/2026-06-14/com.shwfed.form.field.combobox.multi/config.d.vue.ts

@@ -0,0 +1,175 @@
+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 label?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly disabled?: string | undefined;
+        readonly type: "com.shwfed.form.field.combobox.multi";
+        readonly id: string;
+        readonly hidden?: string | undefined;
+        readonly tooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly required?: string | undefined;
+        readonly displayName?: string | undefined;
+        readonly compatibilityDate: "2026-06-14";
+        readonly orientation?: "vertical" | "floating" | undefined;
+        readonly placeholder?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
+        readonly options: {
+            readonly kind: "remote";
+            readonly request?: string | undefined;
+            readonly options: string;
+            readonly optionValue: string;
+            readonly optionLabel: string;
+            readonly optionKeywords?: string | undefined;
+        } | {
+            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 keywords?: readonly string[] | undefined;
+            }[];
+        };
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        readonly label?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly disabled?: string | undefined;
+        readonly type: "com.shwfed.form.field.combobox.multi";
+        readonly id: string;
+        readonly hidden?: string | undefined;
+        readonly tooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly required?: string | undefined;
+        readonly displayName?: string | undefined;
+        readonly compatibilityDate: "2026-06-14";
+        readonly orientation?: "vertical" | "floating" | undefined;
+        readonly placeholder?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
+        readonly options: {
+            readonly kind: "remote";
+            readonly request?: string | undefined;
+            readonly options: string;
+            readonly optionValue: string;
+            readonly optionLabel: string;
+            readonly optionKeywords?: string | undefined;
+        } | {
+            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 keywords?: readonly string[] | undefined;
+            }[];
+        };
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;