@shwfed/config 2.3.0 → 2.3.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "shwfed",
   "configKey": "shwfed",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/components/actions/buttons/2026-05-21/com.shwfed.actions.button.http.download/config.d.vue.ts

@@ -0,0 +1,61 @@
+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 template: {
+            readonly download?: string | undefined;
+            readonly request: string;
+        };
+        readonly onError?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
+        readonly type: "com.shwfed.actions.button.http.download";
+        readonly compatibilityDate: "2026-05-21";
+        readonly messageExpression?: string | undefined;
+        readonly resultExpression?: string | undefined;
+        readonly onSuccess?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
+        readonly onWarning?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
+        readonly onInfo?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        readonly template: {
+            readonly download?: string | undefined;
+            readonly request: string;
+        };
+        readonly onError?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
+        readonly type: "com.shwfed.actions.button.http.download";
+        readonly compatibilityDate: "2026-05-21";
+        readonly messageExpression?: string | undefined;
+        readonly resultExpression?: string | undefined;
+        readonly onSuccess?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
+        readonly onWarning?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
+        readonly onInfo?: readonly {
+            readonly target: string;
+            readonly operation: 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-21/com.shwfed.actions.button.http.download/config.vue

@@ -0,0 +1,187 @@
+<script setup>
+import { computed } from "vue";
+import { Field, FieldLabel } from "../../../../ui/field";
+import { ExpressionEditor } from "../../../../ui/expression-editor";
+import { Markdown } from "../../../../ui/markdown";
+import { getStructFieldDescription, getStructFieldTitle } from "../../../schema";
+import TriggersField from "../../../components/triggers-field.vue";
+import { JSON_VAR, schema } from "./schema";
+defineOptions({ name: "ShwfedHttpDownloadActionConfig" });
+const value = defineModel({ type: null, ...{ required: true } });
+const actionSchema = schema(() => {
+});
+const fieldTitle = (f) => getStructFieldTitle(actionSchema, f) ?? f;
+const fieldDescription = (f) => getStructFieldDescription(actionSchema, f);
+const RESULT_FIELDS = ["onSuccess", "onWarning", "onError", "onInfo"];
+const templateRequestText = computed({
+  get: () => value.value.template?.request ?? "",
+  set: (next) => {
+    value.value = {
+      ...value.value,
+      template: { ...value.value.template, request: next }
+    };
+  }
+});
+const templateDownloadText = computed({
+  get: () => value.value.template?.download ?? "",
+  set: (next) => {
+    const current = value.value.template ?? { request: "" };
+    if (next.length === 0) {
+      const { download: _omit, ...rest } = current;
+      value.value = { ...value.value, template: rest };
+    } else {
+      value.value = { ...value.value, template: { ...current, download: next } };
+    }
+  }
+});
+function updateMessageExpression(v) {
+  const next = { ...value.value };
+  if (v.length === 0) delete next.messageExpression;
+  else next.messageExpression = v;
+  value.value = next;
+}
+function updateResultExpression(v) {
+  const next = { ...value.value };
+  if (v.length === 0) delete next.resultExpression;
+  else next.resultExpression = v;
+  value.value = next;
+}
+function updateTriggers(key, next) {
+  const draft = { ...value.value };
+  if (next.length === 0) Reflect.deleteProperty(draft, key);
+  else draft[key] = next;
+  value.value = draft;
+}
+</script>
+
+<template>
+  <div class="flex flex-col gap-3">
+    <div class="grid grid-cols-2 gap-3">
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template #tooltip>
+            <Markdown
+              :source="fieldDescription('template') ?? '\u8FD4\u56DE `HttpRequest` \u7684 CEL \u8868\u8FBE\u5F0F\uFF1B\u672A\u914D\u7F6E\u300C\u4E0B\u8F7D\u8BF7\u6C42\u300D\u65F6\u76F4\u63A5\u4E0B\u8F7D\u5176\u54CD\u5E94'"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          请求
+        </FieldLabel>
+        <ExpressionEditor
+          :model-value="templateRequestText"
+          multiline
+          placeholder="例：http.get('https://api.example.com/files/123')"
+          result-type="HttpRequest"
+          class="min-h-16"
+          @update:model-value="(v) => templateRequestText = v"
+        />
+      </Field>
+
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template #tooltip>
+            <Markdown
+              source="可选的第二步：用第一步响应 `json` 中的凭据构造真正的下载请求，例如 `json.data.key`"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          下载请求
+        </FieldLabel>
+        <ExpressionEditor
+          :model-value="templateDownloadText"
+          multiline
+          placeholder="例：http.get('https://api.example.com/download').query('key', json.data.key)"
+          result-type="HttpRequest"
+          :extra-vars="{ json: JSON_VAR }"
+          class="min-h-16"
+          @update:model-value="(v) => templateDownloadText = v"
+        />
+      </Field>
+    </div>
+
+    <div class="flex items-start gap-2">
+      <Field
+        orientation="vertical"
+        class="flex-1 basis-0 min-w-0"
+      >
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('messageExpression')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('messageExpression')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("messageExpression") }}
+        </FieldLabel>
+        <ExpressionEditor
+          :model-value="value.messageExpression ?? ''"
+          placeholder="例：string(json.message)"
+          result-type="string"
+          :extra-vars="{ json: JSON_VAR }"
+          @update:model-value="updateMessageExpression"
+        />
+      </Field>
+
+      <Field
+        orientation="vertical"
+        class="flex-1 basis-0 min-w-0"
+      >
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('resultExpression')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('resultExpression')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("resultExpression") }}
+        </FieldLabel>
+        <ExpressionEditor
+          :model-value="value.resultExpression ?? ''"
+          placeholder="例：json.code == 0 ? 'success' : 'error'"
+          result-type="string"
+          :extra-vars="{ json: JSON_VAR }"
+          @update:model-value="updateResultExpression"
+        />
+      </Field>
+    </div>
+
+    <!-- One trigger list per 「执行结果」: the request completes, the result
+         classifies the outcome, and the matching cell's operations run. -->
+    <div class="grid grid-cols-2 gap-3">
+      <Field
+        v-for="key in RESULT_FIELDS"
+        :key="key"
+        orientation="vertical"
+        class="min-w-0"
+      >
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription(key)"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription(key)"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle(key) }}
+        </FieldLabel>
+        <TriggersField
+          :triggers="value[key] ?? []"
+          @update:triggers="(v) => updateTriggers(key, v)"
+        />
+      </Field>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/actions/buttons/2026-05-21/com.shwfed.actions.button.http.download/config.vue.d.ts

@@ -0,0 +1,61 @@
+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 template: {
+            readonly download?: string | undefined;
+            readonly request: string;
+        };
+        readonly onError?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
+        readonly type: "com.shwfed.actions.button.http.download";
+        readonly compatibilityDate: "2026-05-21";
+        readonly messageExpression?: string | undefined;
+        readonly resultExpression?: string | undefined;
+        readonly onSuccess?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
+        readonly onWarning?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
+        readonly onInfo?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        readonly template: {
+            readonly download?: string | undefined;
+            readonly request: string;
+        };
+        readonly onError?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
+        readonly type: "com.shwfed.actions.button.http.download";
+        readonly compatibilityDate: "2026-05-21";
+        readonly messageExpression?: string | undefined;
+        readonly resultExpression?: string | undefined;
+        readonly onSuccess?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
+        readonly onWarning?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
+        readonly onInfo?: readonly {
+            readonly target: string;
+            readonly operation: 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-21/com.shwfed.actions.button.http.download/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-05-21/com.shwfed.actions.button.http.download/runtime.vue

@@ -0,0 +1,62 @@
+<script setup>
+import { Effect } from "effect";
+import { toast } from "vue-sonner";
+import { cel as _rawCel } from "../../../../../utils/cel";
+import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import { dispatchTriggers, useEventChannel } from "../../../../../share/event-bus";
+import ShwfedActionDefinition from "../../../components/definition.vue";
+defineOptions({ name: "ShwfedHttpDownloadActionRuntime" });
+const props = defineProps({
+  buttonId: { type: String, required: true },
+  config: { type: null, required: true }
+});
+const inherited = injectCELContext();
+const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
+const channel = useEventChannel();
+const TOAST_STYLES = /* @__PURE__ */ new Set(["success", "error", "warning", "info"]);
+function saveFile(file) {
+  const url = URL.createObjectURL(file);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = file.name;
+  document.body.appendChild(a);
+  a.click();
+  a.remove();
+  URL.revokeObjectURL(url);
+}
+const effect = Effect.suspend(() => Effect.gen(function* () {
+  const { template, messageExpression, resultExpression } = props.config;
+  const requestBuilder = yield* $cel(template.request);
+  if (!template.download) {
+    const file = yield* requestBuilder.file();
+    yield* Effect.sync(() => saveFile(file));
+    return yield* dispatchTriggers(channel, props.config.onSuccess);
+  }
+  const json = yield* requestBuilder.json();
+  const context = { json };
+  const kind = resultExpression === void 0 ? "success" : yield* Effect.map($cel(resultExpression, context), (s) => TOAST_STYLES.has(s) ? s : "success");
+  if (messageExpression !== void 0) {
+    const message = yield* $cel(messageExpression, context);
+    yield* Effect.sync(() => toast[kind](message));
+  }
+  if (kind === "success" || kind === "info") {
+    const downloadBuilder = yield* $cel(template.download, context);
+    const file = yield* downloadBuilder.file();
+    yield* Effect.sync(() => saveFile(file));
+  }
+  const triggers = {
+    success: props.config.onSuccess,
+    warning: props.config.onWarning,
+    error: props.config.onError,
+    info: props.config.onInfo
+  };
+  return yield* dispatchTriggers(channel, triggers[kind]);
+}));
+</script>
+
+<template>
+  <ShwfedActionDefinition
+    :action-id="buttonId"
+    :effect="effect"
+  />
+</template>

package/dist/runtime/components/actions/buttons/2026-05-21/com.shwfed.actions.button.http.download/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-05-21/com.shwfed.actions.button.http.download/schema.d.ts

@@ -0,0 +1,40 @@
+import { Schema } from 'effect';
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+export declare const type: "com.shwfed.actions.button.http.download";
+export declare const compatibilityDate: "2026-05-21";
+export declare const metadata: {
+    readonly name: "下载文件";
+    readonly icon: "fluent:arrow-download-20-regular";
+};
+export declare const JSON_VAR: {
+    readonly type: "dyn";
+    readonly label: "HTTP 响应体";
+    readonly description: "第一步 `请求` 的响应体（已解析 JSON）；用于构造第二步下载请求";
+};
+export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
+    type: Schema.Literal<["com.shwfed.actions.button.http.download"]>;
+    compatibilityDate: Schema.Literal<["2026-05-21"]>;
+    template: Schema.Struct<{
+        request: Schema.Schema<string, string, never>;
+        download: Schema.optional<Schema.Schema<string, string, never>>;
+    }>;
+    messageExpression: Schema.optional<Schema.Schema<string, string, never>>;
+    resultExpression: Schema.optional<Schema.Schema<string, string, never>>;
+    onSuccess: Schema.optional<Schema.Array$<Schema.Struct<{
+        target: Schema.refine<string, typeof Schema.String>;
+        operation: Schema.SchemaClass<string, string, never>;
+    }>>>;
+    onWarning: Schema.optional<Schema.Array$<Schema.Struct<{
+        target: Schema.refine<string, typeof Schema.String>;
+        operation: Schema.SchemaClass<string, string, never>;
+    }>>>;
+    onError: Schema.optional<Schema.Array$<Schema.Struct<{
+        target: Schema.refine<string, typeof Schema.String>;
+        operation: Schema.SchemaClass<string, string, never>;
+    }>>>;
+    onInfo: Schema.optional<Schema.Array$<Schema.Struct<{
+        target: Schema.refine<string, typeof Schema.String>;
+        operation: Schema.SchemaClass<string, string, never>;
+    }>>>;
+}>;
+export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;

package/dist/runtime/components/actions/buttons/2026-05-21/com.shwfed.actions.button.http.download/schema.js

@@ -0,0 +1,87 @@
+import { Schema } from "effect";
+import { Expression } from "../../../../../share/expression.js";
+import { Triggers } from "../../../../../share/event-bus.js";
+import { md } from "../../../../../share/markdown.js";
+export const type = "com.shwfed.actions.button.http.download";
+export const compatibilityDate = "2026-05-21";
+export const metadata = {
+  name: "\u4E0B\u8F7D\u6587\u4EF6",
+  icon: "fluent:arrow-download-20-regular"
+};
+export const JSON_VAR = {
+  type: "dyn",
+  label: "HTTP \u54CD\u5E94\u4F53",
+  description: "\u7B2C\u4E00\u6B65 `\u8BF7\u6C42` \u7684\u54CD\u5E94\u4F53\uFF08\u5DF2\u89E3\u6790 JSON\uFF09\uFF1B\u7528\u4E8E\u6784\u9020\u7B2C\u4E8C\u6B65\u4E0B\u8F7D\u8BF7\u6C42"
+};
+function configureWithJson(configure) {
+  return (env) => {
+    configure(env);
+    env.registerVariable("json", JSON_VAR.type, { description: JSON_VAR.description });
+  };
+}
+export function schema(configure) {
+  const CelHttpRequest = Expression({ configure, resultType: "HttpRequest" });
+  const CelDownloadRequest = Expression({ configure: configureWithJson(configure), resultType: "HttpRequest" });
+  const CelMessage = Expression({ configure: configureWithJson(configure), resultType: "string" });
+  return Schema.Struct({
+    type: Schema.Literal(type),
+    compatibilityDate: Schema.Literal(compatibilityDate),
+    template: Schema.Struct({
+      request: CelHttpRequest.annotations({
+        title: "\u8BF7\u6C42",
+        description: md`
+          返回 \`HttpRequest\` 的 CEL 表达式。未配置「下载请求」时直接作为文件下载请求；
+          配置了「下载请求」时作为第一步请求，其响应体（JSON）通过 \`json\` 暴露给「下载请求」与状态表达式
+        `
+      }),
+      download: Schema.optional(CelDownloadRequest.annotations({
+        title: "\u4E0B\u8F7D\u8BF7\u6C42",
+        description: md`
+          可选的第二步：返回 \`HttpRequest\` 的 CEL 表达式，可通过 \`json\` 引用第一步的响应体，
+          例如用 \`json.data.key\` 构造真正的下载请求
+        `
+      }))
+    }).annotations({
+      title: "\u4E0B\u8F7D",
+      description: "\u70B9\u51FB\u540E\u53D1\u8D77 HTTP \u8BF7\u6C42\u5E76\u628A\u54CD\u5E94\u4FDD\u5B58\u4E3A\u672C\u5730\u6587\u4EF6"
+    }),
+    messageExpression: Schema.optional(CelMessage.annotations({
+      title: "\u6D88\u606F",
+      description: md`
+        仅当配置了「下载请求」时生效；对第一步响应体（\`json\`）求值，返回 \`string\` 作为 toast 显示。
+        不配置则不显示。未配置「下载请求」时被忽略。
+      `
+    })),
+    resultExpression: Schema.optional(CelMessage.annotations({
+      title: "\u6267\u884C\u7ED3\u679C",
+      description: md`
+        仅当配置了「下载请求」时生效；对第一步响应体（\`json\`）求值，返回 \`string\`。
+        支持 \`'success' | 'warning' | 'error' | 'info'\`；其他值按 \`success\` 处理。不配置则按 \`success\` 处理。
+
+        \`error\` 与 \`warning\` 会跳过实际的文件下载，只触发对应分支的操作；
+        \`success\` 与 \`info\` 会继续执行「下载请求」并保存文件。
+
+        它同时决定 toast 的样式，以及完成后执行下方哪一组操作。
+      `
+    })),
+    onSuccess: Schema.optional(Triggers.annotations({
+      title: "\u6210\u529F",
+      description: "\u300C\u6267\u884C\u7ED3\u679C\u300D\u4E3A `success` \u65F6\uFF0C\u4E0B\u8F7D\u5B8C\u6210\u540E\u6267\u884C\u7684\u64CD\u4F5C\uFF1B\u672A\u914D\u7F6E\u300C\u4E0B\u8F7D\u8BF7\u6C42\u300D\u65F6\uFF0CHTTP \u6210\u529F\u5373\u89C6\u4E3A `success`"
+    })),
+    onWarning: Schema.optional(Triggers.annotations({
+      title: "\u8B66\u544A",
+      description: "\u300C\u6267\u884C\u7ED3\u679C\u300D\u4E3A `warning` \u65F6\u6267\u884C\u7684\u64CD\u4F5C\uFF1B\u8DF3\u8FC7\u5B9E\u9645\u7684\u6587\u4EF6\u4E0B\u8F7D"
+    })),
+    onError: Schema.optional(Triggers.annotations({
+      title: "\u9519\u8BEF",
+      description: "\u300C\u6267\u884C\u7ED3\u679C\u300D\u4E3A `error` \u65F6\u6267\u884C\u7684\u64CD\u4F5C\uFF1B\u8DF3\u8FC7\u5B9E\u9645\u7684\u6587\u4EF6\u4E0B\u8F7D"
+    })),
+    onInfo: Schema.optional(Triggers.annotations({
+      title: "\u4FE1\u606F",
+      description: "\u300C\u6267\u884C\u7ED3\u679C\u300D\u4E3A `info` \u65F6\uFF0C\u4E0B\u8F7D\u5B8C\u6210\u540E\u6267\u884C\u7684\u64CD\u4F5C"
+    }))
+  }).annotations({
+    title: "HttpDownloadAction",
+    description: "\u70B9\u51FB\u540E\u53D1\u8D77 HTTP \u8BF7\u6C42\u5E76\u628A\u54CD\u5E94\u4FDD\u5B58\u4E3A\u672C\u5730\u6587\u4EF6\uFF0C\u652F\u6301\u4E24\u6B65\u5F0F\uFF08\u5148\u53D6\u51ED\u636E\u518D\u4E0B\u8F7D\uFF09"
+  });
+}

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.switch/config.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    modelValue: Record<string, any>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, any>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.switch/config.vue

@@ -0,0 +1,310 @@
+<script setup>
+import { computed } from "vue";
+import { Icon } from "@iconify/vue";
+import { ExpressionEditor } from "../../../../ui/expression-editor";
+import { Switch } from "../../../../ui/switch";
+import { Separator } from "../../../../ui/separator";
+import { Field, FieldLabel } from "../../../../ui/field";
+import { Locale } from "../../../../ui/locale";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupNumberField
+} from "../../../../ui/input-group";
+import { getStructFieldDescription, getStructFieldTitle } from "../../../utils/schema-meta";
+import { Markdown } from "../../../../ui/markdown";
+import DerivedValueEditor from "../../../../form/DerivedValueEditor.vue";
+import { schema } from "./schema";
+defineOptions({ name: "ShwfedTableSwitchRendererConfig" });
+const value = defineModel({ type: Object, ...{ required: true } });
+const fieldSchema = schema(() => {
+});
+const fieldTitle = (field) => getStructFieldTitle(fieldSchema, field) ?? field;
+const fieldDescription = (field) => getStructFieldDescription(fieldSchema, field);
+const ROW_VARS = {
+  row: { type: "dyn", label: "\u5F53\u524D\u884C\u6570\u636E" },
+  index: { type: "number", label: "\u884C\u7D22\u5F15" }
+};
+const bindingText = computed({
+  get: () => value.value.binding ?? "",
+  set: (v) => {
+    const trimmed = v.trim();
+    if (trimmed === "") delete value.value.binding;
+    else value.value.binding = trimmed;
+  }
+});
+const hiddenModel = computed({
+  get: () => value.value.hidden ?? "",
+  set: (v) => {
+    if (v === "") delete value.value.hidden;
+    else value.value.hidden = v;
+  }
+});
+const disabledModel = computed({
+  get: () => value.value.disabled ?? "",
+  set: (v) => {
+    if (v === "") delete value.value.disabled;
+    else value.value.disabled = v;
+  }
+});
+const readonlyModel = computed({
+  get: () => value.value.readonly ?? "",
+  set: (v) => {
+    if (v === "") delete value.value.readonly;
+    else value.value.readonly = v;
+  }
+});
+const derivedModel = computed({
+  get: () => value.value.derived,
+  set: (v) => {
+    if (v == null) delete value.value.derived;
+    else value.value.derived = v;
+  }
+});
+</script>
+
+<template>
+  <div class="space-y-5">
+    <div class="grid grid-cols-2 gap-x-6 gap-y-4">
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('title')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('title')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("title") }}
+        </FieldLabel>
+        <Locale v-model="value.title" />
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('tooltip')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('tooltip')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("tooltip") }}
+        </FieldLabel>
+        <Locale
+          v-model="value.tooltip"
+          markdown
+        />
+      </Field>
+    </div>
+    <div class="grid grid-cols-2 gap-x-6 gap-y-4">
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('binding')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('binding')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("binding") }}
+        </FieldLabel>
+        <InputGroup>
+          <InputGroupInput
+            v-model="bindingText"
+            placeholder="例：enabled"
+            class="font-mono"
+          />
+        </InputGroup>
+      </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="value.size"
+            :disabled="value.grow"
+            :min="0"
+            @update:model-value="(v) => value.size = v"
+          />
+          <InputGroupAddon align="inline-end">
+            <InputGroupButton
+              :variant="value.grow ? 'primary' : 'ghost'"
+              size="xs"
+              @click="value.grow = !value.grow"
+            >
+              <Icon :icon="value.grow ? 'fluent:lock-closed-20-regular' : 'fluent:arrow-autofit-width-20-regular'" />
+              {{ fieldTitle("grow") }}
+            </InputGroupButton>
+          </InputGroupAddon>
+        </InputGroup>
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('trueLabel')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('trueLabel')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("trueLabel") }}
+        </FieldLabel>
+        <Locale v-model="value.trueLabel" />
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('falseLabel')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('falseLabel')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("falseLabel") }}
+        </FieldLabel>
+        <Locale v-model="value.falseLabel" />
+      </Field>
+    </div>
+    <div class="grid grid-cols-2 gap-x-6 gap-y-4">
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('hidden')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('hidden')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("hidden") }}
+        </FieldLabel>
+        <ExpressionEditor
+          v-model="hiddenModel"
+          placeholder="例：row.archived"
+          result-type="bool"
+          :extra-vars="ROW_VARS"
+        />
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('disabled')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('disabled')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("disabled") }}
+        </FieldLabel>
+        <ExpressionEditor
+          v-model="disabledModel"
+          placeholder="例：row.locked"
+          result-type="bool"
+          :extra-vars="ROW_VARS"
+        />
+      </Field>
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('readonly')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('readonly')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("readonly") }}
+        </FieldLabel>
+        <ExpressionEditor
+          v-model="readonlyModel"
+          placeholder="例：row.id != null"
+          result-type="bool"
+          :extra-vars="ROW_VARS"
+        />
+      </Field>
+      <Field
+        orientation="vertical"
+        class="col-span-2"
+      >
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('derived')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('derived')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("derived") }}
+        </FieldLabel>
+        <DerivedValueEditor
+          v-model="derivedModel"
+          result-type="bool"
+          placeholder="例：row.quantity > 0"
+        />
+      </Field>
+    </div>
+    <Separator />
+    <div class="flex flex-wrap gap-x-8 gap-y-3">
+      <Field
+        orientation="horizontal"
+        class="w-auto gap-2"
+      >
+        <Switch
+          :model-value="value.enableSorting ?? false"
+          @update:model-value="(v) => value.enableSorting = v"
+        />
+        <FieldLabel class="text-sm text-zinc-600">
+          <template
+            v-if="fieldDescription('enableSorting')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('enableSorting')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("enableSorting") }}
+        </FieldLabel>
+      </Field>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.switch/config.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    modelValue: Record<string, any>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, any>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.switch/runtime.d.vue.ts

@@ -0,0 +1,9 @@
+import type { CellContext } from '@tanstack/vue-table';
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    column: Value;
+    ctx: CellContext<unknown, unknown>;
+};
+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/table/columns/2026-05-20/com.shwfed.table.column.switch/runtime.vue

@@ -0,0 +1,81 @@
+<script setup>
+import { Effect } from "effect";
+import { computed } 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 { Switch } from "../../../../ui/switch";
+import { useFieldValue } from "../../../../form/utils/field-value";
+defineOptions({ name: "ShwfedTableSwitchRendererRuntime" });
+const props = defineProps({
+  column: { type: null, required: true },
+  ctx: { type: Object, required: true }
+});
+const { locale } = useI18n();
+const inherited = injectCELContext();
+const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
+function evalBool(expression, label) {
+  if (!expression) return false;
+  try {
+    return Effect.runSync($cel(expression)) === true;
+  } catch (e) {
+    console.error(`[shwfed-table] switch ${label} failed`, e);
+    return false;
+  }
+}
+const isHidden = computed(() => evalBool(props.column.hidden, "hidden"));
+const isDisabled = computed(() => evalBool(props.column.disabled, "disabled"));
+const isReadonly = computed(() => evalBool(props.column.readonly, "readonly"));
+const effectiveReadonly = computed(
+  () => isReadonly.value || props.column.derived?.mode === "formula"
+);
+const trueText = computed(
+  () => getLocalizedText(props.column.trueLabel, locale.value) || "\u662F"
+);
+const falseText = computed(
+  () => getLocalizedText(props.column.falseLabel, locale.value) || "\u5426"
+);
+const { draft, commit } = useFieldValue({
+  binding: () => props.column.binding,
+  fromState: (raw) => raw === true,
+  toState: (next) => next === true
+});
+function onUpdate(next) {
+  draft.value = next;
+  commit();
+}
+</script>
+
+<template>
+  <!--
+    Row budget matches the editable text/number cells: 2px outer inset around
+    an `h-7` (28px) row — 32px total. The switch is centered inside that row;
+    `sm` size (h-3.5) keeps it visually compact against the surrounding cells.
+    Every branch (hidden / readonly / editable) is sized identically so rows
+    do not jump when a CEL condition flips.
+  -->
+  <div class="p-[0.125rem] w-full">
+    <span
+      v-if="isHidden"
+      class="block h-7 w-full"
+    />
+    <span
+      v-else-if="effectiveReadonly"
+      class="flex items-center justify-center h-7 w-full px-2 text-[0.75rem] text-zinc-700 truncate"
+    >
+      {{ draft ? trueText : falseText }}
+    </span>
+    <span
+      v-else
+      class="flex items-center justify-center h-7 w-full"
+    >
+      <Switch
+        size="sm"
+        :model-value="draft"
+        :disabled="isDisabled"
+        @update:model-value="onUpdate"
+      />
+    </span>
+  </div>
+</template>

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.switch/runtime.vue.d.ts

@@ -0,0 +1,9 @@
+import type { CellContext } from '@tanstack/vue-table';
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    column: Value;
+    ctx: CellContext<unknown, unknown>;
+};
+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/table/columns/2026-05-20/com.shwfed.table.column.switch/schema.d.ts

@@ -0,0 +1,57 @@
+import { Schema } from 'effect';
+import type { ColumnDef } from '@tanstack/vue-table';
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+import type { ColumnDefDeps } from '../../../utils/resolve.js';
+export declare const type: "com.shwfed.table.column.switch";
+export declare const compatibilityDate: "2026-05-20";
+export declare const metadata: {
+    readonly name: "开关";
+    readonly icon: "fluent:toggle-left-20-regular";
+};
+export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
+    hidden: Schema.optional<Schema.Schema<string, string, never>>;
+    disabled: Schema.optional<Schema.Schema<string, string, never>>;
+    readonly: Schema.optional<Schema.Schema<string, string, never>>;
+    trueLabel: 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>;
+    }>]>>;
+    falseLabel: 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>;
+    }>]>>;
+    derived: Schema.optional<Schema.Struct<{
+        mode: Schema.Literal<["formula", "prefill"]>;
+        expression: Schema.Schema<string, string, never>;
+    }>>;
+    title: 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>;
+    }>]>;
+    binding: Schema.refine<string, typeof Schema.String>;
+    enableSorting: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+    size: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
+    grow: Schema.optional<Schema.SchemaClass<boolean, boolean, 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>;
+    }>]>>;
+    id: Schema.refine<string, typeof Schema.String>;
+    groupId: Schema.optional<typeof Schema.UUID>;
+    type: Schema.Literal<["com.shwfed.table.column.switch"]>;
+    compatibilityDate: Schema.Literal<["2026-05-20"]>;
+}>;
+export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+export declare function toColumnDef(value: Value, { getLocaleText }: ColumnDefDeps): Partial<ColumnDef<unknown, unknown>>;

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.switch/schema.js

@@ -0,0 +1,59 @@
+import { Schema } from "effect";
+import { getProperty } from "dot-prop";
+import { Locale } from "../../../../../share/locale.js";
+import { CelRowAccess, derivedRowField, editableColumnFields, editableHeader } from "../../../utils/shared.js";
+export const type = "com.shwfed.table.column.switch";
+export const compatibilityDate = "2026-05-20";
+export const metadata = {
+  name: "\u5F00\u5173",
+  icon: "fluent:toggle-left-20-regular"
+};
+export function schema(configure) {
+  const CelBool = CelRowAccess(configure, { resultType: "bool" });
+  return Schema.Struct({
+    type: Schema.Literal(type),
+    compatibilityDate: Schema.Literal(compatibilityDate),
+    ...editableColumnFields(),
+    hidden: Schema.optional(CelBool.annotations({
+      title: "\u9690\u85CF\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u65F6\u8BE5\u884C\u7684\u5F00\u5173\u4E0D\u6E32\u67D3\uFF08\u5176\u4F59\u884C\u4E0D\u53D7\u5F71\u54CD\uFF09"
+    })),
+    disabled: Schema.optional(CelBool.annotations({
+      title: "\u7981\u7528\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u65F6\u5F00\u5173\u4ECD\u7136\u6E32\u67D3\u4F46\u4E0D\u53EF\u5207\u6362"
+    })),
+    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"
+    })),
+    trueLabel: Schema.optional(Locale.annotations({
+      title: "\u5F00\u542F\u6587\u6848",
+      description: "\u53EA\u8BFB\u72B6\u6001\u4E0B\uFF0C\u503C\u4E3A `true` \u65F6\u5C55\u793A\u7684\u6587\u672C\uFF1B\u7559\u7A7A\u4F7F\u7528\u9ED8\u8BA4 `\u662F`"
+    })),
+    falseLabel: Schema.optional(Locale.annotations({
+      title: "\u5173\u95ED\u6587\u6848",
+      description: "\u53EA\u8BFB\u72B6\u6001\u4E0B\uFF0C\u503C\u4E3A `false` \u65F6\u5C55\u793A\u7684\u6587\u672C\uFF1B\u7559\u7A7A\u4F7F\u7528\u9ED8\u8BA4 `\u5426`"
+    })),
+    derived: derivedRowField(configure, "bool")
+  }).annotations({ title: "SwitchRenderer", description: "\u5F00\u5173\u6E32\u67D3\u5668\uFF08\u53EF\u7F16\u8F91\u3001\u672C\u5730\uFF09" });
+}
+export function toColumnDef(value, { getLocaleText }) {
+  return {
+    header: editableHeader(getLocaleText(value.title)),
+    // `binding` is a dot-prop path (validated non-empty); the cell renderer
+    // reads through the same path it writes to. No CEL — accessor is literal.
+    accessorFn: (row) => {
+      if (!row || typeof row !== "object") return void 0;
+      return getProperty(row, value.binding);
+    },
+    enableSorting: value.enableSorting ?? false,
+    // `basic` orders by JS `<` — for booleans that yields `false < true`,
+    // which is the obvious grouping. Mirrors the remote switch column.
+    sortingFn: "basic",
+    size: value.size,
+    meta: {
+      grow: value.grow ?? false,
+      tooltip: getLocaleText(value.tooltip)
+    }
+  };
+}

package/package.json

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