@shwfed/config 2.3.16 → 2.3.18

package/dist/runtime/components/form/fields/2026-05-24/com.shwfed.form.field.monthrange/config.vue.d.ts

@@ -0,0 +1,125 @@
+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.monthrange";
+        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 displayName?: string | undefined;
+        readonly compatibilityDate: "2026-05-24";
+        readonly orientation?: "vertical" | "floating" | undefined;
+        readonly readonly?: string | undefined;
+        readonly binding?: string | readonly [string, string] | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
+        readonly format?: string | undefined;
+        readonly valueFormat?: string | undefined;
+        readonly rangeSeparatorIcon?: string | undefined;
+        readonly startPlaceholder?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly endPlaceholder?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly presets?: readonly {
+            readonly label: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly id: string;
+            readonly end: string;
+            readonly start: 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.monthrange";
+        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 displayName?: string | undefined;
+        readonly compatibilityDate: "2026-05-24";
+        readonly orientation?: "vertical" | "floating" | undefined;
+        readonly readonly?: string | undefined;
+        readonly binding?: string | readonly [string, string] | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
+        readonly format?: string | undefined;
+        readonly valueFormat?: string | undefined;
+        readonly rangeSeparatorIcon?: string | undefined;
+        readonly startPlaceholder?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly endPlaceholder?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly presets?: readonly {
+            readonly label: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly id: string;
+            readonly end: string;
+            readonly start: string;
+        }[] | undefined;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/form/fields/2026-05-24/com.shwfed.form.field.monthrange/runtime.d.vue.ts

@@ -0,0 +1,8 @@
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    fieldId: string;
+    config: Value;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/form/fields/2026-05-24/com.shwfed.form.field.monthrange/runtime.vue

@@ -0,0 +1,155 @@
+<script setup>
+import { format as formatDate } from "date-fns";
+import { Effect } from "effect";
+import { computed, ref } from "vue";
+import { useI18n } from "vue-i18n";
+import { cel as _rawCel } from "../../../../../utils/cel";
+import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import { getLocalizedText } from "../../../../../share/locale";
+import { DATE_RANGE_PICKER_DEFAULT_FORMATS, DateRangePicker } from "../../../../ui/date-range-picker";
+import { Field, FieldLabel } from "../../../../ui/field";
+import { Markdown } from "../../../../ui/markdown";
+import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
+import { useFormReadonly } from "../../../utils/readonly";
+import { useFormState } from "../../../utils/state";
+defineOptions({ name: "ShwfedMonthRangeFieldRuntime" });
+const props = defineProps({
+  fieldId: { type: String, required: true },
+  config: { type: null, required: true }
+});
+const { locale } = useI18n();
+const { state, getAt, setAt } = useFormState();
+const inherited = injectCELContext();
+const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
+const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
+const startPlaceholderText = computed(
+  () => props.config.startPlaceholder ? getLocalizedText(props.config.startPlaceholder, locale.value) : void 0
+);
+const endPlaceholderText = computed(
+  () => props.config.endPlaceholder ? getLocalizedText(props.config.endPlaceholder, locale.value) : void 0
+);
+const tooltipText = computed(
+  () => props.config.tooltip ? getLocalizedText(props.config.tooltip, locale.value) : void 0
+);
+function evalBool(expression, label) {
+  if (!expression) return false;
+  try {
+    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+  } catch (err) {
+    console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
+    return false;
+  }
+}
+const isDisabled = computed(() => evalBool(props.config.disabled, "disabled"));
+const formReadonly = useFormReadonly();
+const isReadonly = computed(
+  () => props.config.readonly != null ? evalBool(props.config.readonly, "readonly") : formReadonly.value
+);
+const effectiveReadonly = computed(() => isReadonly.value || props.config.derived?.mode === "formula");
+const resolvedValueFormat = computed(
+  () => props.config.valueFormat ?? DATE_RANGE_PICKER_DEFAULT_FORMATS.monthrange.value
+);
+const shortcuts = computed(() => {
+  const list = props.config.presets;
+  if (!list || list.length === 0) return void 0;
+  return list.map((preset) => ({
+    name: preset.label,
+    value: () => {
+      try {
+        const start = Effect.runSync($cel(preset.start, { form: state.value ?? {} }));
+        const end = Effect.runSync($cel(preset.end, { form: state.value ?? {} }));
+        return [
+          formatDate(start, resolvedValueFormat.value),
+          formatDate(end, resolvedValueFormat.value)
+        ];
+      } catch (err) {
+        console.error(`[shwfed-form] failed to evaluate preset "${preset.start}" .. "${preset.end}" for ${props.fieldId}:`, err);
+        return ["", ""];
+      }
+    }
+  }));
+});
+function asRange(raw) {
+  if (!Array.isArray(raw) || raw.length !== 2) return void 0;
+  const [a, b] = raw;
+  if (typeof a !== "string" || typeof b !== "string") return void 0;
+  if (a.length === 0 || b.length === 0) return void 0;
+  return [a, b];
+}
+function asString(raw) {
+  return typeof raw === "string" && raw.length > 0 ? raw : void 0;
+}
+const uncontrolled = ref(void 0);
+const model = computed({
+  get: () => {
+    const binding = props.config.binding;
+    if (binding == null) return uncontrolled.value;
+    if (typeof binding === "string") return asRange(getAt(binding));
+    const a = asString(getAt(binding[0]));
+    const b = asString(getAt(binding[1]));
+    if (a == null || b == null) return void 0;
+    return [a, b];
+  },
+  set: (next) => {
+    const binding = props.config.binding;
+    if (binding == null) {
+      uncontrolled.value = next;
+      return;
+    }
+    if (typeof binding === "string") {
+      setAt(binding, next);
+      return;
+    }
+    setAt(binding[0], next?.[0]);
+    setAt(binding[1], next?.[1]);
+  }
+});
+const readonlyText = computed(() => {
+  const v = model.value;
+  if (!v) return "\u2014";
+  return `${v[0]} ~ ${v[1]}`;
+});
+</script>
+
+<template>
+  <Field
+    :orientation="config.orientation ?? DEFAULT_FIELD_ORIENTATION"
+    :data-disabled="isDisabled || void 0"
+  >
+    <FieldLabel
+      v-if="labelText"
+      :for="fieldId"
+      class="text-xs text-zinc-500"
+    >
+      <template
+        v-if="tooltipText"
+        #tooltip
+      >
+        <Markdown
+          :source="tooltipText"
+          class="prose prose-xs prose-zinc"
+        />
+      </template>
+      {{ labelText }}
+    </FieldLabel>
+    <div
+      v-if="effectiveReadonly"
+      class="min-h-9 py-1.5 text-sm text-zinc-700"
+    >
+      {{ readonlyText }}
+    </div>
+    <DateRangePicker
+      v-else
+      :id="fieldId"
+      v-model="model"
+      type="monthrange"
+      :format="config.format"
+      :value-format="config.valueFormat"
+      :start-placeholder="startPlaceholderText"
+      :end-placeholder="endPlaceholderText"
+      :range-separator-icon="config.rangeSeparatorIcon"
+      :disabled="isDisabled"
+      :shortcuts="shortcuts"
+    />
+  </Field>
+</template>

package/dist/runtime/components/form/fields/2026-05-24/com.shwfed.form.field.monthrange/runtime.vue.d.ts

@@ -0,0 +1,8 @@
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    fieldId: string;
+    config: Value;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/form/fields/2026-05-24/com.shwfed.form.field.monthrange/schema.d.ts

@@ -0,0 +1,90 @@
+import { Schema } from 'effect';
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+export declare const type: "com.shwfed.form.field.monthrange";
+export declare const compatibilityDate: "2026-05-24";
+export declare const metadata: {
+    readonly name: "月份范围";
+    readonly icon: "fluent:calendar-arrow-right-20-regular";
+    readonly w: {
+        readonly initial: 10;
+        readonly min: 10;
+        readonly max: number;
+    };
+    readonly h: {
+        readonly initial: 2;
+        readonly min: 2;
+        readonly max: 2;
+    };
+};
+export declare function presetSchema(configure: (env: Environment) => void): Schema.Struct<{
+    id: Schema.refine<string, typeof Schema.String>;
+    label: 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>;
+    }>]>;
+    start: Schema.Schema<string, string, never>;
+    end: Schema.Schema<string, string, never>;
+}>;
+export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
+    label: Schema.optional<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>;
+    }>]>>;
+    startPlaceholder: Schema.optional<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>;
+    }>]>>;
+    endPlaceholder: Schema.optional<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>;
+    }>]>>;
+    tooltip: Schema.optional<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>;
+    }>]>>;
+    orientation: Schema.optional<Schema.Literal<["vertical", "floating"]>>;
+    binding: Schema.optional<Schema.Union<[Schema.filter<typeof Schema.String>, Schema.filter<Schema.Tuple2<Schema.filter<typeof Schema.String>, Schema.filter<typeof Schema.String>>>]>>;
+    disabled: Schema.optional<Schema.Schema<string, string, never>>;
+    readonly: Schema.optional<Schema.Schema<string, string, never>>;
+    derived: Schema.optional<Schema.Struct<{
+        mode: Schema.Literal<["formula", "prefill"]>;
+        expression: Schema.Schema<string, string, never>;
+    }>>;
+    format: Schema.optional<Schema.refine<string, typeof Schema.String>>;
+    valueFormat: Schema.optional<Schema.refine<string, typeof Schema.String>>;
+    rangeSeparatorIcon: Schema.optional<Schema.refine<string, typeof Schema.String>>;
+    presets: Schema.optional<Schema.Array$<Schema.Struct<{
+        id: Schema.refine<string, typeof Schema.String>;
+        label: 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>;
+        }>]>;
+        start: Schema.Schema<string, string, never>;
+        end: Schema.Schema<string, string, never>;
+    }>>>;
+    id: Schema.refine<string, typeof Schema.String>;
+    displayName: Schema.optional<Schema.SchemaClass<string, string, never>>;
+    hidden: Schema.optional<Schema.Schema<string, string, never>>;
+    type: Schema.Literal<["com.shwfed.form.field.monthrange"]>;
+    compatibilityDate: Schema.Literal<["2026-05-24"]>;
+}>;
+export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+export declare function defaults(): Partial<Value>;

package/dist/runtime/components/form/fields/2026-05-24/com.shwfed.form.field.monthrange/schema.js

@@ -0,0 +1,100 @@
+import { Schema } from "effect";
+import { Expression } from "../../../../../share/expression.js";
+import { Locale } from "../../../../../share/locale.js";
+import { commonFieldFields, derivedField, FieldOrientationSchema } from "../../../utils/common.js";
+export const type = "com.shwfed.form.field.monthrange";
+export const compatibilityDate = "2026-05-24";
+const BindingPath = Schema.String.pipe(Schema.minLength(1));
+const SplitBinding = Schema.Tuple(BindingPath, BindingPath).pipe(
+  Schema.filter(([a, b]) => a !== b, {
+    message: () => "\u8D77\u59CB\u4E0E\u7ED3\u675F\u7ED1\u5B9A\u8DEF\u5F84\u4E0D\u80FD\u76F8\u540C"
+  })
+);
+const bindingSchema = Schema.Union(BindingPath, SplitBinding).annotations({
+  title: "\u7ED1\u5B9A\u8DEF\u5F84",
+  description: "\u5199\u5165\u8868\u5355\u72B6\u6001\u7684 `dot-prop` \u8DEF\u5F84\uFF1B\u586B\u5199\u5355\u4E2A\u8DEF\u5F84\u65F6\u5199\u5165 `[start, end]` \u5B57\u7B26\u4E32\u6570\u7EC4\uFF0C\u4F8B\u5982 `event.months`\uFF1B\u586B\u5199 `[\u8D77\u59CB\u8DEF\u5F84, \u7ED3\u675F\u8DEF\u5F84]` \u5143\u7EC4\u65F6\u5206\u522B\u5199\u5165\u4E24\u7AEF\uFF1B\u7559\u7A7A\u5219\u4E3A\u975E\u53D7\u63A7\u5B57\u6BB5"
+});
+export const metadata = {
+  name: "\u6708\u4EFD\u8303\u56F4",
+  icon: "fluent:calendar-arrow-right-20-regular",
+  w: { initial: 10, min: 10, max: Infinity },
+  h: { initial: 2, min: 2, max: 2 }
+};
+export function presetSchema(configure) {
+  const CelDate = Expression({ configure, resultType: "Date" });
+  return Schema.Struct({
+    id: Schema.UUID.annotations({ description: "\u9884\u8BBE\u552F\u4E00\u6807\u8BC6\uFF0C\u7528\u4E8E\u7A33\u5B9A\u7684 v-for key" }),
+    label: Locale.annotations({
+      title: "\u6807\u7B7E",
+      description: "\u5FEB\u6377\u9009\u9879\u5C55\u793A\u7684\u672C\u5730\u5316\u6587\u672C"
+    }),
+    start: CelDate.annotations({
+      title: "\u8D77\u59CB\u503C",
+      description: '\u70B9\u51FB\u8BE5\u9884\u8BBE\u65F6\u8BA1\u7B97\u51FA\u7684\u8D77\u59CB\u6708\u4EFD\uFF0C\u4F8B\u5982 `now.offset(-3, "months")`'
+    }),
+    end: CelDate.annotations({
+      title: "\u7ED3\u675F\u503C",
+      description: "\u70B9\u51FB\u8BE5\u9884\u8BBE\u65F6\u8BA1\u7B97\u51FA\u7684\u7ED3\u675F\u6708\u4EFD\uFF0C\u4F8B\u5982 `now`"
+    })
+  }).annotations({
+    title: "MonthRangeFieldPreset"
+  });
+}
+export function schema(configure) {
+  const CelBool = Expression({ configure, resultType: "bool" });
+  const Preset = presetSchema(configure);
+  return Schema.Struct({
+    type: Schema.Literal(type),
+    compatibilityDate: Schema.Literal(compatibilityDate),
+    ...commonFieldFields(configure),
+    label: Schema.optional(Locale.annotations({
+      title: "\u6807\u7B7E",
+      description: "\u5B57\u6BB5\u524D\u5C55\u793A\u7684\u6587\u672C\uFF1B\u7559\u7A7A\u5219\u4E0D\u6E32\u67D3\u6807\u7B7E"
+    })),
+    startPlaceholder: Schema.optional(Locale.annotations({
+      title: "\u8D77\u59CB\u5360\u4F4D\u7B26",
+      description: "\u672A\u9009\u4E2D\u8D77\u59CB\u6708\u4EFD\u65F6\u8F93\u5165\u6846\u4E2D\u7684\u5360\u4F4D\u6587\u672C"
+    })),
+    endPlaceholder: Schema.optional(Locale.annotations({
+      title: "\u7ED3\u675F\u5360\u4F4D\u7B26",
+      description: "\u672A\u9009\u4E2D\u7ED3\u675F\u6708\u4EFD\u65F6\u8F93\u5165\u6846\u4E2D\u7684\u5360\u4F4D\u6587\u672C"
+    })),
+    tooltip: Schema.optional(Locale.annotations({
+      title: "\u63D0\u793A",
+      description: "\u9F20\u6807\u60AC\u505C\u5728\u6807\u7B7E\u4E0A\u65F6\u5C55\u793A\u7684\u8BF4\u660E"
+    })),
+    orientation: Schema.optional(FieldOrientationSchema),
+    binding: Schema.optional(bindingSchema),
+    disabled: Schema.optional(CelBool.annotations({
+      title: "\u7981\u7528\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u65F6\u8F93\u5165\u6846\u4ECD\u7136\u6E32\u67D3\u4F46\u4E0D\u53EF\u7F16\u8F91"
+    })),
+    readonly: Schema.optional(CelBool.annotations({
+      title: "\u53EA\u8BFB\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u65F6\u4EC5\u4EE5\u7EAF\u6587\u672C\u5C55\u793A\u5F53\u524D\u503C"
+    })),
+    derived: derivedField(configure, "dyn"),
+    format: Schema.optional(Schema.String.pipe(Schema.minLength(1)).annotations({
+      title: "\u5C55\u793A\u683C\u5F0F",
+      description: "\u8F93\u5165\u6846\u4E2D\u5C55\u793A\u6708\u4EFD\u7684 `date-fns` \u683C\u5F0F\u4E32\uFF1B\u7559\u7A7A\u65F6\u4F7F\u7528\u9ED8\u8BA4 `yyyy-MM`"
+    })),
+    valueFormat: Schema.optional(Schema.String.pipe(Schema.minLength(1)).annotations({
+      title: "\u5B58\u50A8\u683C\u5F0F",
+      description: "\u5199\u5165\u8868\u5355\u72B6\u6001\u7684 `date-fns` \u683C\u5F0F\u4E32\uFF1B\u7559\u7A7A\u65F6\u4F7F\u7528\u9ED8\u8BA4 `yyyy-MM`"
+    })),
+    rangeSeparatorIcon: Schema.optional(Schema.String.pipe(Schema.minLength(1)).annotations({
+      title: "\u8303\u56F4\u5206\u9694\u56FE\u6807",
+      description: "\u8303\u56F4\u4E24\u7AEF\u4E4B\u95F4\u5206\u9694\u56FE\u6807\u7684 Iconify \u540D\u79F0"
+    })),
+    presets: Schema.optional(Schema.Array(Preset).annotations({
+      title: "\u5FEB\u6377\u9009\u9879",
+      description: "\u5728\u9009\u62E9\u5668\u5E95\u90E8\u5C55\u793A\u7684\u5FEB\u6377\u9884\u8BBE\uFF1B\u7559\u7A7A\u5219\u4E0D\u6E32\u67D3"
+    }))
+  }).annotations({
+    title: "MonthRangeField",
+    description: "\u6708\u4EFD\u8303\u56F4\u9009\u62E9\u8F93\u5165"
+  });
+}
+export function defaults() {
+  return { rangeSeparatorIcon: "fluent:arrow-right-20-regular" };
+}

package/dist/runtime/components/ui/tree/Tree.d.vue.ts

@@ -23,6 +23,13 @@ declare const __VLS_export: <Node>(__VLS_props: NonNullable<Awaited<typeof __VLS
         filterQuery?: string;
         /** Initial expanded set (uncontrolled). */
         initialExpanded?: NodeKey[];
+        /**
+         * Paint the focused row with a subtle background. Keyboard navigation
+         * still tracks focus either way — this only controls the visual. Forms
+         * and similar surfaces that don't expose keyboard nav to users can turn
+         * it off so a stray click doesn't leave a permanent highlight.
+         */
+        showFocusedRow?: boolean;
     } & {
         onMove?: ((payload: MoveEventPayload) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;

package/dist/runtime/components/ui/tree/Tree.vue

@@ -16,7 +16,8 @@ const props = defineProps({
   canDrop: { type: Function, required: false, default: void 0 },
   filterPredicate: { type: Function, required: false, default: void 0 },
   filterQuery: { type: String, required: false, default: "" },
-  initialExpanded: { type: Array, required: false, default: () => [] }
+  initialExpanded: { type: Array, required: false, default: () => [] },
+  showFocusedRow: { type: Boolean, required: false, default: true }
 });
 const emit = defineEmits(["update:modelValue", "update:roots", "move"]);
 defineSlots();
@@ -275,6 +276,7 @@ const selectedPanePayload = computed(() => ({
           :is-expandable="isExpandable"
           :tree="tree"
           :focused-key="state.focusedKey.value"
+          :show-focused-row="showFocusedRow"
           @toggle-expand="handleToggleExpand"
           @toggle-select="handleToggleSelect"
           @focus-row="handleFocusRow"

package/dist/runtime/components/ui/tree/Tree.vue.d.ts

@@ -23,6 +23,13 @@ declare const __VLS_export: <Node>(__VLS_props: NonNullable<Awaited<typeof __VLS
         filterQuery?: string;
         /** Initial expanded set (uncontrolled). */
         initialExpanded?: NodeKey[];
+        /**
+         * Paint the focused row with a subtle background. Keyboard navigation
+         * still tracks focus either way — this only controls the visual. Forms
+         * and similar surfaces that don't expose keyboard nav to users can turn
+         * it off so a stray click doesn't leave a permanent highlight.
+         */
+        showFocusedRow?: boolean;
     } & {
         onMove?: ((payload: MoveEventPayload) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;

package/dist/runtime/components/ui/tree/TreeNode.d.vue.ts

@@ -25,6 +25,7 @@ declare const __VLS_export: <Node>(__VLS_props: NonNullable<Awaited<typeof __VLS
         isExpandable: (n: Node) => boolean;
         tree: TreeHandle<Node>;
         focusedKey: NodeKey | null;
+        showFocusedRow: boolean;
     } & {
         "onToggle-expand"?: ((key: string) => any) | undefined;
         "onToggle-select"?: ((key: string) => any) | undefined;

package/dist/runtime/components/ui/tree/TreeNode.vue

@@ -27,7 +27,8 @@ const props = defineProps({
   filterQuery: { type: String, required: true },
   isExpandable: { type: Function, required: true },
   tree: { type: Object, required: true },
-  focusedKey: { type: [String, null], required: true }
+  focusedKey: { type: [String, null], required: true },
+  showFocusedRow: { type: Boolean, required: true }
 });
 const emit = defineEmits(["toggle-expand", "toggle-select", "focus-row"]);
 defineSlots();
@@ -109,7 +110,7 @@ const showChildren = computed(
       v-if="subtreeMatches"
       :class="cn(
   'group flex items-center justify-between gap-2 rounded px-1 py-1 outline-none',
-  focusedKey === key && 'bg-(--primary)/10'
+  showFocusedRow && focusedKey === key && 'bg-(--primary)/10'
 )"
       tabindex="-1"
       @click.stop="emit('focus-row', key)"
@@ -250,6 +251,7 @@ const showChildren = computed(
           :is-expandable="isExpandable"
           :tree="tree"
           :focused-key="focusedKey"
+          :show-focused-row="showFocusedRow"
           @toggle-expand="(k) => emit('toggle-expand', k)"
           @toggle-select="(k) => emit('toggle-select', k)"
           @focus-row="(k) => emit('focus-row', k)"

package/dist/runtime/components/ui/tree/TreeNode.vue.d.ts

@@ -25,6 +25,7 @@ declare const __VLS_export: <Node>(__VLS_props: NonNullable<Awaited<typeof __VLS
         isExpandable: (n: Node) => boolean;
         tree: TreeHandle<Node>;
         focusedKey: NodeKey | null;
+        showFocusedRow: boolean;
     } & {
         "onToggle-expand"?: ((key: string) => any) | undefined;
         "onToggle-select"?: ((key: string) => any) | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/config",
-  "version": "2.3.16",
+  "version": "2.3.18",
   "description": "Configurable UI for SHWFED",
   "type": "module",
   "publishConfig": {