@shwfed/config 1.0.0

package/dist/runtime/components/actions/buttons/2026-04-27/com.shwfed.actions.button.table.search/config.vue.d.ts

@@ -0,0 +1,17 @@
+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 type: "com.shwfed.actions.button.table.search";
+        readonly compatibilityDate: "2026-04-27";
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        readonly type: "com.shwfed.actions.button.table.search";
+        readonly compatibilityDate: "2026-04-27";
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/actions/buttons/2026-04-27/com.shwfed.actions.button.table.search/runtime.d.vue.ts

@@ -0,0 +1,8 @@
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    buttonId: 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/actions/buttons/2026-04-27/com.shwfed.actions.button.table.search/runtime.vue

@@ -0,0 +1,21 @@
+<script setup>
+import { Effect } from "effect";
+import ShwfedActionDefinition from "../../../components/definition.vue";
+import { useTableHost } from "../../../../table/utils/host";
+defineOptions({ name: "ShwfedTableSearchButtonRuntime" });
+defineProps({
+  buttonId: { type: String, required: true },
+  config: { type: null, required: true }
+});
+const host = useTableHost();
+const effect = Effect.suspend(
+  () => host ? Effect.promise(() => host.search()) : Effect.void
+);
+</script>
+
+<template>
+  <ShwfedActionDefinition
+    :action-id="buttonId"
+    :effect="effect"
+  />
+</template>

package/dist/runtime/components/actions/buttons/2026-04-27/com.shwfed.actions.button.table.search/runtime.vue.d.ts

@@ -0,0 +1,8 @@
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    buttonId: 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/actions/buttons/2026-04-27/com.shwfed.actions.button.table.search/schema.d.ts

@@ -0,0 +1,13 @@
+import { Schema } from 'effect';
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+export declare const type: "com.shwfed.actions.button.table.search";
+export declare const compatibilityDate: "2026-04-27";
+export declare const metadata: {
+    readonly name: "搜索（查询表格）";
+    readonly icon: "fluent:search-20-regular";
+};
+export declare function schema(_configure: (env: Environment) => void): Schema.Struct<{
+    type: Schema.Literal<["com.shwfed.actions.button.table.search"]>;
+    compatibilityDate: Schema.Literal<["2026-04-27"]>;
+}>;
+export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;

package/dist/runtime/components/actions/buttons/2026-04-27/com.shwfed.actions.button.table.search/schema.js

@@ -0,0 +1,16 @@
+import { Schema } from "effect";
+export const type = "com.shwfed.actions.button.table.search";
+export const compatibilityDate = "2026-04-27";
+export const metadata = {
+  name: "\u641C\u7D22\uFF08\u67E5\u8BE2\u8868\u683C\uFF09",
+  icon: "fluent:search-20-regular"
+};
+export function schema(_configure) {
+  return Schema.Struct({
+    type: Schema.Literal(type),
+    compatibilityDate: Schema.Literal(compatibilityDate)
+  }).annotations({
+    title: "TableSearchButton",
+    description: "\u5C06\u67E5\u8BE2\u8868\u683C\u7684\u5206\u9875\u91CD\u7F6E\u4E3A\u7B2C\u4E00\u9875\u5E76\u91CD\u65B0\u62C9\u53D6\u6570\u636E\uFF1B\u641C\u7D22\u6761\u4EF6\u4FDD\u6301\u4E0D\u53D8\u3002\u9700\u653E\u7F6E\u4E8E `shwfed-table` \u5185\u90E8\u3002"
+  });
+}

package/dist/runtime/components/actions/buttons/2026-05-11/com.shwfed.actions.button.modal.layout/config.d.vue.ts

@@ -0,0 +1,80 @@
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    configure?: (env: Environment) => void;
+};
+type __VLS_ModelProps = {
+    modelValue: Value;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: {
+        readonly type: "com.shwfed.actions.button.modal.layout";
+        readonly slot: {
+            readonly blocks: readonly any[];
+            readonly layouts: readonly {
+                readonly name: string;
+                readonly layout: {
+                    readonly style?: string | undefined;
+                    readonly columns: number;
+                    readonly gap?: number | undefined;
+                    readonly rows?: number | undefined;
+                    readonly placements: {
+                        readonly [x: string]: {
+                            readonly area: readonly [readonly [number, number], readonly [number, number]];
+                            readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                            readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                        };
+                    };
+                };
+                readonly media?: string | undefined;
+            }[];
+        };
+        readonly compatibilityDate: "2026-05-11";
+        readonly modalTitle?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly modalWidth?: string | undefined;
+        readonly modalMinHeight?: string | undefined;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        readonly type: "com.shwfed.actions.button.modal.layout";
+        readonly slot: {
+            readonly blocks: readonly any[];
+            readonly layouts: readonly {
+                readonly name: string;
+                readonly layout: {
+                    readonly style?: string | undefined;
+                    readonly columns: number;
+                    readonly gap?: number | undefined;
+                    readonly rows?: number | undefined;
+                    readonly placements: {
+                        readonly [x: string]: {
+                            readonly area: readonly [readonly [number, number], readonly [number, number]];
+                            readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                            readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                        };
+                    };
+                };
+                readonly media?: string | undefined;
+            }[];
+        };
+        readonly compatibilityDate: "2026-05-11";
+        readonly modalTitle?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly modalWidth?: string | undefined;
+        readonly modalMinHeight?: string | undefined;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/actions/buttons/2026-05-11/com.shwfed.actions.button.modal.layout/config.vue

@@ -0,0 +1,325 @@
+<script setup>
+import { computed, inject, onBeforeUnmount, ref, watch } from "vue";
+import { Icon } from "@iconify/vue";
+import { defaultSlot } from "../../../../../share/layout";
+import BlockLayoutEditor from "../../../../block-layout-editor/index.vue";
+import LayoutsSidebar from "../../../../block-layout-editor/sidebar.vue";
+import LayoutMetaStrip from "../../../../block-layout-editor/meta-strip.vue";
+import { Button } from "../../../../ui/button";
+import { ScrollArea } from "../../../../ui/scroll-area";
+import { Field, FieldLabel } from "../../../../ui/field";
+import { Input } from "../../../../ui/input";
+import { Locale as LocaleField } from "../../../../ui/locale";
+import { hasVisibleLocaleValue } from "../../../../../share/locale";
+import { BREADCRUMB_EXTENSION_KEY } from "../../../../config/breadcrumb-extension";
+import { SIDEBAR_TAKEOVER_KEY } from "../../../../sidebar-takeover";
+import { lookupFindBlock } from "../../../../config/utils/block-ref-cache";
+import { useSlotEditor } from "../../../../config/use-editor";
+defineOptions({ name: "ShwfedModalLayoutActionConfig" });
+const value = defineModel({ type: null, ...{ required: true } });
+const props = defineProps({
+  configure: { type: Function, required: false }
+});
+const configure = computed(() => props.configure ?? (() => {
+}));
+const slot = computed({
+  get: () => value.value.slot ?? defaultSlot(),
+  set: (next) => {
+    value.value = { ...value.value, slot: next };
+  }
+});
+const editor = useSlotEditor(slot, { configure: configure.value });
+function setModalTitle(next) {
+  const draft = { ...value.value };
+  if (hasVisibleLocaleValue(next)) draft.modalTitle = next;
+  else Reflect.deleteProperty(draft, "modalTitle");
+  value.value = draft;
+}
+function setOptional(key, next) {
+  const trimmed = next.trim();
+  const draft = { ...value.value };
+  if (trimmed.length === 0) Reflect.deleteProperty(draft, key);
+  else draft[key] = trimmed;
+  value.value = draft;
+}
+function addLayout() {
+  const cur = editor.layouts.value;
+  editor.layouts.value = [
+    ...cur,
+    { name: "\u65B0\u5E03\u5C40", layout: { columns: 1, placements: {} } }
+  ];
+  editor.activeLayoutIndex.value = cur.length;
+}
+function addBlock(entry, options) {
+  editor.addBlock(entry, options);
+}
+function deleteBlock(id) {
+  editor.removeBlock(id);
+}
+function deleteBlocks(ids) {
+  editor.removeBlocks(ids);
+}
+const drilledBlockId = ref(null);
+const drilledBlock = computed(() => {
+  const id = drilledBlockId.value;
+  if (!id) return null;
+  return editor.blocks.value.find((b) => b.id === id) ?? null;
+});
+const drilledEntry = computed(() => {
+  const b = drilledBlock.value;
+  if (!b) return null;
+  return lookupFindBlock()?.(b.type, b.compatibilityDate) ?? null;
+});
+function onDrillDown(id) {
+  drilledBlockId.value = id;
+}
+function popDrill() {
+  drilledBlockId.value = null;
+}
+watch(
+  () => editor.blocks.value.map((b) => b.id),
+  (ids) => {
+    const id = drilledBlockId.value;
+    if (id && !ids.includes(id)) drilledBlockId.value = null;
+  }
+);
+function updateDrilledBlock(next) {
+  const id = drilledBlockId.value;
+  if (!id) return;
+  editor.updateBlock(id, next);
+}
+const breadcrumbExt = inject(BREADCRUMB_EXTENSION_KEY, null);
+if (breadcrumbExt) {
+  const blockCrumb = breadcrumbExt.add();
+  watch(
+    drilledBlock,
+    (drilled) => {
+      if (drilled) {
+        blockCrumb.label.value = editor.getBlockLabel(drilled);
+        blockCrumb.back.value = popDrill;
+      } else {
+        blockCrumb.label.value = null;
+        blockCrumb.back.value = null;
+      }
+    },
+    { immediate: true }
+  );
+  onBeforeUnmount(() => {
+    blockCrumb.dispose();
+  });
+}
+const takeover = inject(SIDEBAR_TAKEOVER_KEY, null);
+const takeoverTarget = computed(() => takeover?.target.value ?? null);
+watch(drilledBlockId, (id) => {
+  if (takeover?.drilled) takeover.drilled.value = !!id;
+}, { immediate: true });
+onBeforeUnmount(() => {
+  if (takeover?.drilled) takeover.drilled.value = false;
+});
+</script>
+
+<template>
+  <!-- Sidebar takeover: layouts rail injected into the host's left column.
+       When drilled into a child block we release the target so the child
+       (e.g. a form block with its own sidebar) can claim it instead. -->
+  <Teleport
+    v-if="takeoverTarget && !drilledBlockId"
+    :to="takeoverTarget"
+  >
+    <ScrollArea class="flex-1">
+      <LayoutsSidebar
+        :model-value="editor.layouts.value"
+        :active-index="editor.activeLayoutIndex.value"
+        @update:model-value="(v) => {
+  editor.layouts.value = v;
+}"
+        @update:active-index="(v) => {
+  editor.activeLayoutIndex.value = v;
+}"
+      />
+    </ScrollArea>
+    <Button
+      variant="ghost"
+      size="sm"
+      @click="addLayout()"
+    >
+      <Icon
+        icon="fluent:add-20-regular"
+        class="size-4"
+      />
+      <span>新增布局</span>
+    </Button>
+  </Teleport>
+
+  <!-- Drilled into a child block — render its config full-width. -->
+  <template v-if="drilledBlockId">
+    <div
+      v-if="!drilledBlock"
+      class="flex min-h-96 items-center justify-center p-8 text-sm text-zinc-400"
+    >
+      块已不存在
+    </div>
+    <div v-else-if="drilledEntry">
+      <component
+        :is="drilledEntry.config"
+        :model-value="drilledBlock"
+        :configure="configure"
+        @update:model-value="(next) => updateDrilledBlock(next)"
+      />
+    </div>
+    <div
+      v-else
+      class="p-6 text-sm text-red-500"
+    >
+      未注册的块类型：{{ drilledBlock.type }}@{{ drilledBlock.compatibilityDate }}
+    </div>
+  </template>
+
+  <div
+    v-else
+    class="flex flex-col gap-4"
+  >
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        弹窗标题
+      </FieldLabel>
+      <LocaleField
+        :model-value="value.modalTitle ?? []"
+        translate-hint="弹窗标题"
+        @update:model-value="setModalTitle"
+      />
+    </Field>
+
+    <div class="grid grid-cols-2 gap-4">
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          弹窗宽度
+        </FieldLabel>
+        <Input
+          :model-value="value.modalWidth ?? ''"
+          placeholder="例：720px / 60vw"
+          @update:model-value="(v) => setOptional('modalWidth', String(v))"
+        />
+      </Field>
+
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          最小高度
+        </FieldLabel>
+        <Input
+          :model-value="value.modalMinHeight ?? ''"
+          placeholder="例：400px / 60vh"
+          @update:model-value="(v) => setOptional('modalMinHeight', String(v))"
+        />
+      </Field>
+    </div>
+
+    <!-- Inline layouts rail fallback when no takeover provider exists. -->
+    <div
+      v-if="!takeoverTarget"
+      class="flex gap-2 min-h-96"
+    >
+      <div class="flex w-56 shrink-0 flex-col">
+        <ScrollArea class="flex-1">
+          <LayoutsSidebar
+            :model-value="editor.layouts.value"
+            :active-index="editor.activeLayoutIndex.value"
+            @update:model-value="(v) => {
+  editor.layouts.value = v;
+}"
+            @update:active-index="(v) => {
+  editor.activeLayoutIndex.value = v;
+}"
+          />
+        </ScrollArea>
+        <Button
+          variant="ghost"
+          size="sm"
+          @click="addLayout()"
+        >
+          <Icon
+            icon="fluent:add-20-regular"
+            class="size-4"
+          />
+          <span>新增布局</span>
+        </Button>
+      </div>
+
+      <div class="flex flex-1 flex-col gap-2">
+        <LayoutMetaStrip
+          :model-value="editor.layouts.value"
+          :index="editor.activeLayoutIndex.value"
+          @update:model-value="(v) => {
+  editor.layouts.value = v;
+}"
+        />
+        <div class="flex-1">
+          <BlockLayoutEditor
+            :model-value="editor.layouts.value"
+            :active-index="editor.activeLayoutIndex.value"
+            :selected-item-ids="editor.selectedBlockIds.value"
+            :items="editor.blocks.value"
+            :find-entry="editor.findBlockMeta"
+            :get-item-label="editor.getBlockLabel"
+            :picker-entries="editor.pickerEntries.value"
+            :can-delete="true"
+            item-noun="块"
+            @update:model-value="(v) => {
+  editor.layouts.value = v;
+}"
+            @update:active-index="(v) => {
+  editor.activeLayoutIndex.value = v;
+}"
+            @update:selected-item-ids="(v) => {
+  editor.selectedBlockIds.value = v;
+}"
+            @add-new="addBlock"
+            @drill-down="onDrillDown"
+            @delete-item="deleteBlock"
+            @delete-items="deleteBlocks"
+          />
+        </div>
+      </div>
+    </div>
+
+    <!-- Takeover-aware layout: canvas only; layouts rail teleports to host. -->
+    <div
+      v-else
+      class="flex flex-col gap-2"
+    >
+      <LayoutMetaStrip
+        :model-value="editor.layouts.value"
+        :index="editor.activeLayoutIndex.value"
+        @update:model-value="(v) => {
+  editor.layouts.value = v;
+}"
+      />
+      <div class="h-96">
+        <BlockLayoutEditor
+          :model-value="editor.layouts.value"
+          :active-index="editor.activeLayoutIndex.value"
+          :selected-item-ids="editor.selectedBlockIds.value"
+          :items="editor.blocks.value"
+          :find-entry="editor.findBlockMeta"
+          :get-item-label="editor.getBlockLabel"
+          :picker-entries="editor.pickerEntries.value"
+          :can-delete="true"
+          item-noun="块"
+          @update:model-value="(v) => {
+  editor.layouts.value = v;
+}"
+          @update:active-index="(v) => {
+  editor.activeLayoutIndex.value = v;
+}"
+          @update:selected-item-ids="(v) => {
+  editor.selectedBlockIds.value = v;
+}"
+          @add-new="addBlock"
+          @drill-down="onDrillDown"
+          @delete-item="deleteBlock"
+          @delete-items="deleteBlocks"
+        />
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/actions/buttons/2026-05-11/com.shwfed.actions.button.modal.layout/config.vue.d.ts

@@ -0,0 +1,80 @@
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    configure?: (env: Environment) => void;
+};
+type __VLS_ModelProps = {
+    modelValue: Value;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: {
+        readonly type: "com.shwfed.actions.button.modal.layout";
+        readonly slot: {
+            readonly blocks: readonly any[];
+            readonly layouts: readonly {
+                readonly name: string;
+                readonly layout: {
+                    readonly style?: string | undefined;
+                    readonly columns: number;
+                    readonly gap?: number | undefined;
+                    readonly rows?: number | undefined;
+                    readonly placements: {
+                        readonly [x: string]: {
+                            readonly area: readonly [readonly [number, number], readonly [number, number]];
+                            readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                            readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                        };
+                    };
+                };
+                readonly media?: string | undefined;
+            }[];
+        };
+        readonly compatibilityDate: "2026-05-11";
+        readonly modalTitle?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly modalWidth?: string | undefined;
+        readonly modalMinHeight?: string | undefined;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        readonly type: "com.shwfed.actions.button.modal.layout";
+        readonly slot: {
+            readonly blocks: readonly any[];
+            readonly layouts: readonly {
+                readonly name: string;
+                readonly layout: {
+                    readonly style?: string | undefined;
+                    readonly columns: number;
+                    readonly gap?: number | undefined;
+                    readonly rows?: number | undefined;
+                    readonly placements: {
+                        readonly [x: string]: {
+                            readonly area: readonly [readonly [number, number], readonly [number, number]];
+                            readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                            readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                        };
+                    };
+                };
+                readonly media?: string | undefined;
+            }[];
+        };
+        readonly compatibilityDate: "2026-05-11";
+        readonly modalTitle?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly modalWidth?: string | undefined;
+        readonly modalMinHeight?: string | undefined;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/actions/buttons/2026-05-11/com.shwfed.actions.button.modal.layout/runtime.d.vue.ts

@@ -0,0 +1,10 @@
+import type { LocaleValue } from '../../../../../share/locale.js';
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    buttonId: string;
+    config: Value;
+    buttonTitle?: LocaleValue;
+};
+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/actions/buttons/2026-05-11/com.shwfed.actions.button.modal.layout/runtime.vue

@@ -0,0 +1,56 @@
+<script setup>
+import { defineComponent } from "vue";
+import { Effect } from "effect";
+import { useI18n } from "vue-i18n";
+import { openModal } from "../../../../../composables/useOverlay";
+import { getLocalizedText } from "../../../../../share/locale";
+import { lookupFindBlock } from "../../../../config/utils/block-ref-cache";
+import { injectCELContext, provideCELContext } from "../../../../../plugins/cel/context";
+import ShwfedActionDefinition from "../../../components/definition.vue";
+import ShwfedSlotRenderer from "../../../../../share/slot-renderer.vue";
+defineOptions({ name: "ShwfedModalLayoutActionRuntime" });
+const props = defineProps({
+  buttonId: { type: String, required: true },
+  config: { type: null, required: true },
+  buttonTitle: { type: null, required: false }
+});
+const { locale } = useI18n();
+const configure = (_env) => {
+};
+const inheritedCelContext = injectCELContext();
+const InheritedCelContextProvider = defineComponent({
+  name: "InheritedCelContextProvider",
+  setup(_, { slots }) {
+    provideCELContext(inheritedCelContext);
+    return () => slots.default?.();
+  }
+});
+const findBlock = (type, compatibilityDate) => lookupFindBlock()?.(type, compatibilityDate);
+const effect = Effect.gen(function* () {
+  const title = getLocalizedText(props.config.modalTitle, locale.value) ?? getLocalizedText(props.buttonTitle, locale.value) ?? "";
+  const { modal } = yield* openModal({
+    title,
+    width: props.config.modalWidth
+  });
+  yield* modal;
+});
+</script>
+
+<template>
+  <ShwfedActionDefinition
+    :action-id="buttonId"
+    :effect="effect"
+  >
+    <template #default>
+      <div :style="config.modalMinHeight ? `min-height: ${config.modalMinHeight}` : void 0">
+        <InheritedCelContextProvider>
+          <ShwfedSlotRenderer
+            :slot-value="config.slot"
+            :configure="configure"
+            :find-entry="findBlock"
+          />
+        </InheritedCelContextProvider>
+      </div>
+    </template>
+  </ShwfedActionDefinition>
+</template>

package/dist/runtime/components/actions/buttons/2026-05-11/com.shwfed.actions.button.modal.layout/runtime.vue.d.ts

@@ -0,0 +1,10 @@
+import type { LocaleValue } from '../../../../../share/locale.js';
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    buttonId: string;
+    config: Value;
+    buttonTitle?: LocaleValue;
+};
+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;