@shwfed/config 2.7.1 → 2.7.3

package/dist/runtime/components/config/blocks/2026-06-02/com.shwfed.block.card/runtime.d.vue.ts

@@ -0,0 +1,96 @@
+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 = {
+    'block': Value;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:block": (value: {
+        readonly type: "com.shwfed.block.card";
+        readonly style?: string | undefined;
+        readonly id: string;
+        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 displayName?: string | undefined;
+        readonly url?: string | undefined;
+        readonly compatibilityDate: "2026-06-02";
+        readonly badge?: {
+            readonly content?: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]] | undefined;
+            readonly dot?: boolean | undefined;
+            readonly variant?: "default" | "destructive" | "outline" | "secondary" | undefined;
+            readonly request?: string | undefined;
+            readonly interval?: number | undefined;
+        } | undefined;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:block"?: ((value: {
+        readonly type: "com.shwfed.block.card";
+        readonly style?: string | undefined;
+        readonly id: string;
+        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 displayName?: string | undefined;
+        readonly url?: string | undefined;
+        readonly compatibilityDate: "2026-06-02";
+        readonly badge?: {
+            readonly content?: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]] | undefined;
+            readonly dot?: boolean | undefined;
+            readonly variant?: "default" | "destructive" | "outline" | "secondary" | undefined;
+            readonly request?: string | undefined;
+            readonly interval?: number | undefined;
+        } | undefined;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/config/blocks/2026-06-02/com.shwfed.block.card/runtime.vue

@@ -0,0 +1,72 @@
+<script setup>
+import { computed, defineAsyncComponent } from "vue";
+import { Effect } from "effect";
+import { cel } from "../../../../../utils/cel";
+import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import SlotRenderer from "../../../../../share/slot-renderer.vue";
+import { findBlock } from "../../../utils/resolve";
+defineOptions({ name: "ShwfedBlockCardRuntime" });
+const CardBadge = defineAsyncComponent(() => import("./badge.vue"));
+const block = defineModel("block", { type: null, ...{ required: true } });
+const props = defineProps({
+  configure: { type: Function, required: false }
+});
+const configure = computed(() => props.configure ?? (() => {
+}));
+const inheritedContext = injectCELContext();
+function baseContext() {
+  return celBindings(inheritedContext);
+}
+function evalStyle(expression) {
+  if (!expression) return void 0;
+  try {
+    const r = Effect.runSync(cel(expression, baseContext()));
+    if (r === null || r === void 0) return void 0;
+    if (typeof r === "string") return r;
+    if (typeof r === "object") return r;
+    return String(r);
+  } catch {
+    return void 0;
+  }
+}
+const styleValue = computed(() => evalStyle(block.value.style));
+const hasUrl = computed(() => !!block.value.url && block.value.url.trim().length > 0);
+function onCardClick(e) {
+  if (!hasUrl.value) return;
+  const target = e.target;
+  if (target?.closest('a, button, input, select, textarea, label, [role="button"]')) return;
+  try {
+    const url = Effect.runSync(cel(block.value.url, baseContext()));
+    if (typeof url === "string" && url) window.open(url, "_self");
+  } catch (err) {
+    console.warn("[shwfed-card] url evaluation failed", err);
+  }
+}
+function updateSlot(next) {
+  block.value = { ...block.value, slot: next };
+}
+</script>
+
+<template>
+  <div
+    class="relative h-full rounded-sm border border-zinc-200 bg-white p-4"
+    :class="hasUrl ? 'cursor-pointer' : ''"
+    :style="styleValue"
+    @click="onCardClick"
+  >
+    <ClientOnly>
+      <CardBadge
+        v-if="block.badge"
+        :badge="block.badge"
+        class="absolute -right-2 -top-2 z-10"
+      />
+    </ClientOnly>
+
+    <SlotRenderer
+      :slot-value="block.slot"
+      :configure="configure"
+      :find-entry="findBlock"
+      @update:slot-value="(s) => updateSlot(s)"
+    />
+  </div>
+</template>

package/dist/runtime/components/config/blocks/2026-06-02/com.shwfed.block.card/runtime.vue.d.ts

@@ -0,0 +1,96 @@
+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 = {
+    'block': Value;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:block": (value: {
+        readonly type: "com.shwfed.block.card";
+        readonly style?: string | undefined;
+        readonly id: string;
+        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 displayName?: string | undefined;
+        readonly url?: string | undefined;
+        readonly compatibilityDate: "2026-06-02";
+        readonly badge?: {
+            readonly content?: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]] | undefined;
+            readonly dot?: boolean | undefined;
+            readonly variant?: "default" | "destructive" | "outline" | "secondary" | undefined;
+            readonly request?: string | undefined;
+            readonly interval?: number | undefined;
+        } | undefined;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:block"?: ((value: {
+        readonly type: "com.shwfed.block.card";
+        readonly style?: string | undefined;
+        readonly id: string;
+        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 displayName?: string | undefined;
+        readonly url?: string | undefined;
+        readonly compatibilityDate: "2026-06-02";
+        readonly badge?: {
+            readonly content?: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]] | undefined;
+            readonly dot?: boolean | undefined;
+            readonly variant?: "default" | "destructive" | "outline" | "secondary" | undefined;
+            readonly request?: string | undefined;
+            readonly interval?: number | undefined;
+        } | undefined;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/config/blocks/2026-06-02/com.shwfed.block.card/schema.d.ts

@@ -0,0 +1,121 @@
+import { Schema } from 'effect';
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+export { getStructFieldDescription, getStructFieldTitle } from '../../../../table/utils/schema-meta.js';
+type AnySchema = Schema.Schema<any, any, never>;
+type Configure = (env: Environment) => void;
+export declare const type: "com.shwfed.block.card";
+export declare const compatibilityDate: "2026-06-02";
+export declare const metadata: {
+    readonly name: "卡片";
+    readonly icon: "fluent:card-ui-20-regular";
+    readonly w: {
+        readonly initial: 12;
+        readonly min: 4;
+        readonly max: number;
+    };
+    readonly h: {
+        readonly initial: 6;
+        readonly min: 4;
+        readonly max: number;
+    };
+};
+export declare const BADGE_VARIANTS: readonly ["default", "secondary", "destructive", "outline"];
+/**
+ * The card's top-right badge: an optional HTTP datasource whose response feeds
+ * an inline-markdown localized `content` (with `{{ 表达式 }}` CEL interpolation),
+ * optionally polled. Exported so the config editor can read field annotations.
+ *
+ * Every field is optional; an absent (or empty) `content` means no badge is
+ * rendered at all.
+ */
+export declare function badgeSchema(configure: Configure): Schema.Struct<{
+    request: Schema.optional<Schema.Schema<string, string, never>>;
+    content: Schema.optional<Schema.filter<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>;
+    }>]>>>;
+    interval: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
+    dot: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+    variant: Schema.optional<Schema.Literal<["default", "secondary", "destructive", "outline"]>>;
+}>;
+export declare function schema(configure: Configure, blockRef: AnySchema): Schema.Struct<{
+    id: Schema.refine<string, typeof Schema.String>;
+    type: Schema.tag<"com.shwfed.block.card">;
+    compatibilityDate: Schema.tag<"2026-06-02">;
+    displayName: Schema.optional<Schema.SchemaClass<string, string, never>>;
+    style: Schema.optional<Schema.Schema<string, string, never>>;
+    url: Schema.optional<Schema.Schema<string, string, never>>;
+    badge: Schema.optional<Schema.Struct<{
+        request: Schema.optional<Schema.Schema<string, string, never>>;
+        content: Schema.optional<Schema.filter<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>;
+        }>]>>>;
+        interval: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
+        dot: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+        variant: Schema.optional<Schema.Literal<["default", "secondary", "destructive", "outline"]>>;
+    }>>;
+    slot: Schema.refine<{
+        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;
+        }[];
+    }, Schema.Struct<{
+        blocks: Schema.Array$<Schema.Schema<any, any, never>>;
+        layouts: Schema.refine<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;
+        }[], Schema.Array$<Schema.Struct<{
+            name: Schema.SchemaClass<string, string, never>;
+            media: Schema.optional<Schema.Schema<string, string, never>>;
+            layout: Schema.Struct<{
+                columns: Schema.refine<number, Schema.filter<typeof Schema.Number>>;
+                rows: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
+                gap: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
+                style: Schema.optional<Schema.SchemaClass<string, string, never>>;
+                placements: Schema.Record$<typeof Schema.String, Schema.Struct<{
+                    area: Schema.refine<readonly [readonly [number, number], readonly [number, number]], Schema.Tuple2<Schema.Tuple2<Schema.filter<Schema.filter<typeof Schema.Number>>, Schema.filter<Schema.filter<typeof Schema.Number>>>, Schema.Tuple2<Schema.filter<Schema.filter<typeof Schema.Number>>, Schema.filter<Schema.filter<typeof Schema.Number>>>>>;
+                    h: Schema.optional<Schema.Literal<["start", "center", "end", "stretch"]>>;
+                    v: Schema.optional<Schema.Literal<["start", "center", "end", "stretch"]>>;
+                }>>;
+            }>;
+        }>>>;
+    }>>;
+}>;
+export declare function defaultBody(): Record<string, unknown>;
+export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+export type BadgeValue = NonNullable<Value['badge']>;
+export type BadgeVariant = (typeof BADGE_VARIANTS)[number];

package/dist/runtime/components/config/blocks/2026-06-02/com.shwfed.block.card/schema.js

@@ -0,0 +1,100 @@
+import { Schema } from "effect";
+import { Expression, LocaleMarkdown } from "../../../../../share/expression.js";
+import { Slot, defaultSlot } from "../../../../../share/layout.js";
+export { getStructFieldDescription, getStructFieldTitle } from "../../../../table/utils/schema-meta.js";
+export const type = "com.shwfed.block.card";
+export const compatibilityDate = "2026-06-02";
+export const metadata = {
+  name: "\u5361\u7247",
+  icon: "fluent:card-ui-20-regular",
+  w: { initial: 12, min: 4, max: Infinity },
+  h: { initial: 6, min: 4, max: Infinity }
+};
+function registerJson(env) {
+  env.registerVariable("json", "optional<dyn>", {
+    label: "HTTP \u54CD\u5E94\u4F53",
+    description: "HTTP \u54CD\u5E94\u4F53\uFF08\u914D\u7F6E\u4E86\u8BF7\u6C42\u65F6\u4E3A\u5DF2\u89E3\u6790 JSON\uFF0C\u5426\u5219\u4E3A none\uFF09"
+  });
+}
+export const BADGE_VARIANTS = ["default", "secondary", "destructive", "outline"];
+export function badgeSchema(configure) {
+  const CelRequest = Expression({
+    configure,
+    resultType: "HttpRequest"
+  });
+  const Content = LocaleMarkdown({
+    configure: (env) => {
+      configure(env);
+      registerJson(env);
+    }
+  });
+  return Schema.Struct({
+    request: Schema.optional(CelRequest).annotations({
+      title: "\u8BF7\u6C42",
+      description: "\u53EF\u9009\u7684 HTTP \u8BF7\u6C42\u8868\u8FBE\u5F0F\uFF08\u8FD4\u56DE `HttpRequest`\uFF09\uFF1B\u672A\u914D\u7F6E\u65F6\u63D2\u503C\u4E2D\u7684 `json` \u4E3A none"
+    }),
+    content: Schema.optional(Content).annotations({
+      title: "\u5185\u5BB9",
+      description: "\u672C\u5730\u5316\u7684\u5185\u8054 Markdown\uFF0C\u652F\u6301 `{{ \u8868\u8FBE\u5F0F }}` CEL \u63D2\u503C\uFF0C\u53EF\u5F15\u7528 `json`\uFF1B\u7559\u7A7A\u5219\u4E0D\u663E\u793A\u5FBD\u7AE0"
+    }),
+    interval: Schema.optional(
+      Schema.Number.pipe(Schema.int(), Schema.positive()).annotations({
+        title: "\u8F6E\u8BE2\u95F4\u9694",
+        description: "\u8F6E\u8BE2\u5237\u65B0\u95F4\u9694\uFF08\u79D2\uFF09\uFF0C\u6B63\u6574\u6570\uFF1B\u7559\u7A7A\u5219\u4E0D\u8F6E\u8BE2\u3002\u7A97\u53E3\u5931\u7126\u65F6\u6682\u505C\uFF0C\u91CD\u65B0\u805A\u7126\u65F6\u7ACB\u5373\u5237\u65B0\u5E76\u6062\u590D\u8F6E\u8BE2"
+      })
+    ),
+    dot: Schema.optional(Schema.Boolean.annotations({
+      title: "\u5706\u70B9",
+      description: "\u5F00\u542F\u540E\u5FBD\u7AE0\u6298\u53E0\u4E3A\u4E00\u4E2A\u5C0F\u5706\u70B9\uFF08\u4EC5\u4FDD\u7559\u53D8\u4F53\u989C\u8272\uFF0C\u4E0D\u5C55\u793A\u6587\u672C\uFF09"
+    })),
+    variant: Schema.optional(Schema.Literal(...BADGE_VARIANTS).annotations({
+      title: "\u6837\u5F0F\u53D8\u4F53",
+      description: "\u5FBD\u7AE0\u5916\u89C2\uFF1A`default` | `secondary` | `destructive` | `outline`\uFF1B\u7559\u7A7A\u7B49\u540C `default`"
+    }))
+  }).annotations({
+    title: "\u5FBD\u7AE0",
+    description: "\u5361\u7247\u53F3\u4E0A\u89D2\u5FBD\u7AE0\uFF1B`\u5185\u5BB9` \u7559\u7A7A\u5219\u4E0D\u663E\u793A"
+  });
+}
+export function schema(configure, blockRef) {
+  const CardSlot = Slot(blockRef, configure);
+  const CelStyle = Expression({
+    configure,
+    resultType: (t) => t === "string" || t === "dyn" || t.startsWith("map") || t.startsWith("optional")
+  });
+  const CelUrl = Expression({
+    configure,
+    resultType: (t) => t === "string" || t === "dyn" || t.startsWith("optional")
+  });
+  return Schema.Struct({
+    id: Schema.UUID.annotations({ description: "\u5757\u552F\u4E00\u6807\u8BC6" }),
+    type: Schema.tag(type),
+    compatibilityDate: Schema.tag(compatibilityDate),
+    displayName: Schema.optional(Schema.String.annotations({
+      title: "\u5185\u90E8\u540D\u79F0",
+      description: "\u4EC5\u5728\u7F16\u8F91\u5668\u5185\u53EF\u89C1\u7684\u5757\u540D\uFF0C\u7528\u4E8E\u5728\u4FA7\u8FB9\u680F\u548C\u5E03\u5C40\u7F16\u8F91\u5668\u4E2D\u8BC6\u522B\u5757\uFF1B\u8FD0\u884C\u65F6\u4E0D\u5C55\u793A"
+    })),
+    style: Schema.optional(CelStyle).annotations({
+      title: "\u6837\u5F0F",
+      description: "\u8FD4\u56DE\u5E94\u7528\u5728\u5361\u7247\u6839\u5143\u7D20\u4E0A\u7684\u6837\u5F0F\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u53EF\u8FD4\u56DE CSS \u5B57\u7B26\u4E32\uFF08\u5982 `'padding: 2rem'`\uFF09\u6216\u6837\u5F0F\u5BF9\u8C61\uFF08\u5982 `{'padding': '2rem'}`\uFF09\uFF1B\u7559\u7A7A\u5219\u4E0D\u8BBE\u989D\u5916\u6837\u5F0F"
+    }),
+    url: Schema.optional(CelUrl).annotations({
+      title: "\u94FE\u63A5",
+      description: "\u8FD4\u56DE `string` \u7684 CEL \u8868\u8FBE\u5F0F\uFF1B\u914D\u7F6E\u540E\u70B9\u51FB\u5361\u7247\u7A7A\u767D\u5904\u5C06\u5728\u5F53\u524D\u6807\u7B7E\u9875\u6253\u5F00\u8BE5\u94FE\u63A5\u3002\u70B9\u51FB\u5361\u7247\u5185\u7684\u6309\u94AE\u3001\u94FE\u63A5\u7B49\u4EA4\u4E92\u5143\u7D20\u4E0D\u4F1A\u89E6\u53D1"
+    }),
+    badge: Schema.optional(badgeSchema(configure)).annotations({
+      title: "\u5FBD\u7AE0",
+      description: "\u5361\u7247\u53F3\u4E0A\u89D2\u5FBD\u7AE0\uFF1B\u7559\u7A7A\u5219\u4E0D\u663E\u793A"
+    }),
+    slot: CardSlot.annotations({
+      title: "\u5185\u5BB9",
+      description: "\u5361\u7247\u5185\u90E8\u7684\u5757\u4E0E\u5E03\u5C40"
+    })
+  }).annotations({
+    title: "\u5361\u7247\u5757",
+    description: "\u5E26\u53EF\u9009\u5FBD\u7AE0\u7684\u6837\u5F0F\u5316\u5BB9\u5668\uFF0C\u53EF\u653E\u5165\u4EFB\u610F\u5757\u4E0E\u5E03\u5C40\uFF1B\u652F\u6301\u4EFB\u610F\u5C42\u7EA7\u5D4C\u5957"
+  });
+}
+export function defaultBody() {
+  return { slot: defaultSlot() };
+}

package/dist/runtime/components/config/blocks/2026-06-02/com.shwfed.block.icon/config.d.vue.ts

@@ -0,0 +1,34 @@
+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 size?: number | undefined;
+        readonly type: "com.shwfed.block.icon";
+        readonly id: string;
+        readonly icon: string;
+        readonly color?: string | undefined;
+        readonly circle?: boolean | undefined;
+        readonly displayName?: string | undefined;
+        readonly compatibilityDate: "2026-06-02";
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        readonly size?: number | undefined;
+        readonly type: "com.shwfed.block.icon";
+        readonly id: string;
+        readonly icon: string;
+        readonly color?: string | undefined;
+        readonly circle?: boolean | undefined;
+        readonly displayName?: string | undefined;
+        readonly compatibilityDate: "2026-06-02";
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/config/blocks/2026-06-02/com.shwfed.block.icon/config.vue

@@ -0,0 +1,153 @@
+<script setup>
+import { Schema } from "effect";
+import { ColorPicker } from "../../../../ui/color-picker";
+import { Field, FieldLabel } from "../../../../ui/field";
+import { IconPicker } from "../../../../ui/icon-picker";
+import { InputGroup, InputGroupInput, InputGroupNumberField } from "../../../../ui/input-group";
+import { Markdown } from "../../../../ui/markdown";
+import { Switch } from "../../../../ui/switch";
+import {
+  getStructFieldDescription,
+  getStructFieldTitle,
+  schema
+} from "./schema";
+defineOptions({ name: "ShwfedBlockIconConfig" });
+const block = defineModel({ type: null, ...{ required: true } });
+defineProps({
+  configure: { type: Function, required: false }
+});
+const blockSchema = schema(() => {
+}, Schema.Any);
+const fieldTitle = (f) => getStructFieldTitle(blockSchema, f) ?? f;
+const fieldDescription = (f) => getStructFieldDescription(blockSchema, f);
+function setDisplayName(v) {
+  const s = String(v ?? "");
+  block.value = { ...block.value, displayName: s.length > 0 ? s : void 0 };
+}
+function setIcon(v) {
+  block.value = { ...block.value, icon: v };
+}
+function setColor(v) {
+  block.value = { ...block.value, color: v.trim().length > 0 ? v : void 0 };
+}
+function setSize(v) {
+  block.value = { ...block.value, size: typeof v === "number" && v > 0 ? Math.round(v) : void 0 };
+}
+function setCircle(v) {
+  block.value = { ...block.value, circle: v ? true : void 0 };
+}
+</script>
+
+<template>
+  <div class="flex flex-col gap-3">
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template
+          v-if="fieldDescription('displayName')"
+          #tooltip
+        >
+          <Markdown
+            :source="fieldDescription('displayName')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("displayName") }}
+      </FieldLabel>
+      <InputGroup>
+        <InputGroupInput
+          :model-value="block.displayName ?? ''"
+          placeholder="例：状态图标"
+          @update:model-value="setDisplayName"
+        />
+      </InputGroup>
+    </Field>
+
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template
+          v-if="fieldDescription('icon')"
+          #tooltip
+        >
+          <Markdown
+            :source="fieldDescription('icon')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("icon") }}
+      </FieldLabel>
+      <IconPicker
+        :model-value="block.icon"
+        @update:model-value="setIcon"
+      />
+    </Field>
+
+    <div class="grid grid-cols-2 gap-3">
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('color')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('color')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("color") }}
+        </FieldLabel>
+        <ColorPicker
+          :model-value="block.color ?? ''"
+          placeholder="#4f46e5"
+          @update:model-value="setColor"
+        />
+      </Field>
+
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('size')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('size')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("size") }}
+        </FieldLabel>
+        <InputGroup>
+          <InputGroupNumberField
+            :model-value="block.size"
+            :min="1"
+            placeholder="8"
+            @update:model-value="(v) => setSize(v)"
+          />
+        </InputGroup>
+      </Field>
+    </div>
+
+    <Field orientation="horizontal">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template
+          v-if="fieldDescription('circle')"
+          #tooltip
+        >
+          <Markdown
+            :source="fieldDescription('circle')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("circle") }}
+      </FieldLabel>
+      <Switch
+        :model-value="block.circle ?? false"
+        @update:model-value="setCircle"
+      />
+    </Field>
+  </div>
+</template>