@shwfed/config 2.1.0 → 2.1.2

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.text/runtime.vue

@@ -16,12 +16,22 @@ const rawValue = computed(() => props.ctx.cell.getValue());
 const isMissing = computed(() => rawValue.value === void 0 || rawValue.value === null);
 const align = computed(() => isMissing.value ? "center" : props.column.align ?? "left");
 const justifyClass = computed(() => JUSTIFY_CLASS[align.value] ?? JUSTIFY_CLASS.left);
-const showCopy = computed(() => !!props.column.copyExpression && !isMissing.value && rawValue.value !== "");
+const copyText = computed(() => {
+  const { copyExpression } = props.column;
+  if (!copyExpression) return void 0;
+  try {
+    const value = Effect.runSync($cel(copyExpression, celBindings(celContext)));
+    return value === void 0 || value === null ? void 0 : String(value);
+  } catch (e) {
+    console.error("[shwfed-table] text copy expression failed", e);
+    return void 0;
+  }
+});
+const showCopy = computed(() => copyText.value !== void 0 && !isMissing.value && rawValue.value !== "");
 const onCopy = async () => {
-  const { column } = props;
-  if (!column.copyExpression) return;
+  const text = copyText.value;
+  if (text === void 0) return;
   try {
-    const text = String(Effect.runSync($cel(column.copyExpression, celBindings(celContext))));
     await navigator.clipboard.writeText(text);
   } catch (e) {
     console.error("[shwfed-table] text copy failed", e);

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.text/schema.js

@@ -6,8 +6,9 @@ export const metadata = {
   name: "\u6587\u672C",
   icon: "fluent:text-field-20-regular"
 };
+const isCopyExpressionType = (t) => t === "string" || t === "dyn" || t.startsWith("optional");
 export function schema(configure) {
-  const cel = CelRowAccess(configure, { resultType: "string" });
+  const cel = CelRowAccess(configure, { resultType: isCopyExpressionType });
   return Schema.Struct({
     type: Schema.Literal(type),
     compatibilityDate: Schema.Literal(compatibilityDate),
@@ -22,7 +23,7 @@ export function schema(configure) {
     ),
     copyExpression: Schema.optional(cel.annotations({
       title: "\u590D\u5236\u8868\u8FBE\u5F0F",
-      description: "\u590D\u5236\u503C\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u5B58\u5728\u65F6\u542F\u7528\u590D\u5236\u529F\u80FD"
+      description: "\u590D\u5236\u503C\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u5B58\u5728\u65F6\u542F\u7528\u590D\u5236\u529F\u80FD\uFF1B\u53EF\u8FD4\u56DE optional\uFF08\u5982 `row.?field`\uFF09\uFF0C\u4E3A\u7A7A\u65F6\u4E0D\u663E\u793A\u590D\u5236\u6309\u94AE"
     }))
   }).annotations({ title: "TextRenderer", description: "\u6587\u672C\u6E32\u67D3\u5668" });
 }

package/dist/runtime/components/table/utils/shared.d.ts

@@ -1,5 +1,6 @@
 import { Schema } from 'effect';
 import type { Environment } from '../../../vendor/cel-js/lib/index.js';
+import { type ResultType } from '../../../share/expression.js';
 export declare const Align: Schema.Literal<["left", "center", "right"]>;
 export declare function columnIdentityFields(): {
     id: Schema.refine<string, typeof Schema.String>;
@@ -29,7 +30,7 @@ export declare function columnFields(configure: (env: Environment) => void): {
 };
 export declare function registerRowVariablesIfAbsent(env: Environment): void;
 export declare function CelRowAccess(configure: (env: Environment) => void, options?: {
-    resultType?: string | string[];
+    resultType?: ResultType;
 }): Schema.Schema<string, string, never>;
 export declare function LocaleMarkdownWithRow(configure: (env: Environment) => void): Schema.filter<Schema.TupleType<readonly [Schema.Struct<{
     locale: Schema.Literal<["zh"]>;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerDateTimePanel.d.vue.ts

@@ -14,10 +14,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((args_0: DateRange | undefined) => any) | undefined;
 }>, {
+    rangeSeparatorIcon: string;
     numberOfMonths: number;
     granularity: "hour" | "minute" | "second";
     hourCycle: 12 | 24;
-    rangeSeparatorIcon: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerDateTimePanel.vue.d.ts

@@ -14,10 +14,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((args_0: DateRange | undefined) => any) | undefined;
 }>, {
+    rangeSeparatorIcon: string;
     numberOfMonths: number;
     granularity: "hour" | "minute" | "second";
     hourCycle: 12 | 24;
-    rangeSeparatorIcon: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerTimeInput.d.vue.ts

@@ -24,11 +24,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:endValue"?: ((args_0: Time | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
+    rangeSeparatorIcon: string;
     granularity: "hour" | "minute" | "second";
     hourCycle: 12 | 24;
     clearable: boolean;
     clearIcon: string;
-    rangeSeparatorIcon: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerTimeInput.vue.d.ts

@@ -24,11 +24,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:endValue"?: ((args_0: Time | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
+    rangeSeparatorIcon: string;
     granularity: "hour" | "minute" | "second";
     hourCycle: 12 | 24;
     clearable: boolean;
     clearIcon: string;
-    rangeSeparatorIcon: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/share/expression.d.ts

@@ -1,7 +1,7 @@
 import { Schema } from 'effect';
 import { Environment } from '../vendor/cel-js/lib/index.js';
 import { Locale } from './locale.js';
-type ResultType = string | string[] | ((type: string) => boolean);
+export type ResultType = string | string[] | ((type: string) => boolean);
 export declare function Expression(options: {
     configure: (env: Environment) => void;
     resultType?: ResultType;
@@ -19,4 +19,3 @@ export declare function Markdown(options: {
 export declare function LocaleMarkdown(options: {
     configure: (env: Environment) => void;
 }): Schema.filter<typeof Locale>;
-export {};

package/dist/runtime/share/slot-renderer.vue

@@ -35,14 +35,15 @@ watch(() => props.slotValue.layouts, (sets) => {
 const gridStyle = computed(() => {
   const l = activeLayout.value?.layout;
   if (!l) return "";
-  const tracks = (n) => `repeat(${n}, minmax(0, 1fr))`;
+  const tracks = (n, min) => `repeat(${n}, minmax(${min}, 1fr))`;
+  const gap = `calc(${l.gap ?? DEFAULT_GAP} * 0.25rem)`;
+  const colGap = l.columns > 1 ? `min(${gap}, calc(100% / ${l.columns - 1}))` : gap;
   const parts = [
     "display: grid",
-    `grid-template-columns: ${tracks(l.columns)}`,
-    l.rows ? `grid-template-rows: ${tracks(l.rows)}` : "",
-    // Missing `gap` resolves to `DEFAULT_GAP` — the layout editor's fallback —
-    // so the editor and the rendered slot agree. `gap: 0` stays 0.
-    `gap: calc(${l.gap ?? DEFAULT_GAP} * 0.25rem)`,
+    `grid-template-columns: ${tracks(l.columns, "0")}`,
+    l.rows ? `grid-template-rows: ${tracks(l.rows, "auto")}` : "",
+    `column-gap: ${colGap}`,
+    `row-gap: ${gap}`,
     l.style ?? ""
   ].filter(Boolean);
   return parts.join("; ");

package/dist/runtime/utils/interpolate.d.ts

@@ -0,0 +1 @@
+export declare function interpolate(template: string, evaluate: (expression: string) => string): string;

package/dist/runtime/utils/interpolate.js

@@ -0,0 +1,7 @@
+const TOKEN = /\{\{([\s\S]*?)\}\}/g;
+export function interpolate(template, evaluate) {
+  return template.replace(TOKEN, (_token, raw) => {
+    const expression = raw.trim();
+    return expression.length === 0 ? "" : evaluate(expression);
+  });
+}

package/dist/runtime/vendor/cel-js/CLAUDE.md

@@ -20,7 +20,7 @@ The `homogeneousAggregateLiterals` and `enableOptionalTypes` environment options
 
 The custom `Optional` class has been replaced with Effect's `Option` type (`import { Option } from 'effect'`). Internal helpers `optionalOf(value)` and `optionalValue(opt)` in `optional.js` handle the CEL-specific semantics (treating `undefined` as `None`, throwing `EvaluationError` on missing value access).
 
-An `http` built-in has been added (`http-builtins.ts`, `http-builder.ts`) — not from upstream. It registers the `http` constant and the `http` / `HttpRequest` types on `globalRegistry`, so `http.get(url).header(...).body(...)` expressions type-check and evaluate in every `Environment`. A CEL expression only *describes* a request; it evaluates to an `HttpRequestBuilder`, and the host dispatches it via `.json()` / `.file()`. Endpoints must be absolute URLs — there is no base-URL resolution. Depends on `fx-fetch`.
+An `http` built-in has been added (`http-builtins.ts`, `http-builder.ts`) — not from upstream. It registers the `http` constant and the `http` / `HttpRequest` types on `globalRegistry`, so `http.get(url).header(...).body(...)` expressions type-check and evaluate in every `Environment`. A CEL expression builds an `HttpRequestBuilder`; the terminal `HttpRequest.file(): File` method issues the request and evaluates to the downloaded `File`, while `.json()` is dispatched by the host on the builder value (it is not a CEL method). Endpoints must be absolute URLs — there is no base-URL resolution. Depends on `fx-fetch`.
 
 ## Architecture
 

package/dist/runtime/vendor/cel-js/PROMPT.md

@@ -197,7 +197,7 @@ location.param("id")                 // first value when a param repeats
 
 ## HTTP
 
-Build HTTP requests using the `http` builder. CEL expressions only *describe* a request — the host dispatches it. There is no way to send a request or read a response from CEL.
+Build HTTP requests using the `http` builder. A CEL expression *describes* a request; calling `.file()` on it issues the request and evaluates to the downloaded `File`. Any other request is handed to the host to dispatch — there is no way to read a JSON or text response from CEL.
 
 **URLs must be absolute** — pass a full `https://…` URL. There is no base URL, so relative paths like `/api/users` will not resolve.
 
@@ -236,6 +236,11 @@ http.post("https://api.example.com/users")
   .header("Content-Type", "application/json")
   .body({"name": "Alice", "channel": query.?channel})
 
+// Download the response as a File. Unlike the chainable methods above,
+// .file() is terminal — it issues the request and the expression evaluates
+// to a File (filename from the Content-Disposition header, else the URL path):
+http.get("https://api.example.com/files/report.pdf").file()
+
 // Full example — the expression returns an HttpRequest; the host sends it:
 http.post("https://api.example.com/users")
   .header("Content-Type", "application/json")

package/dist/runtime/vendor/cel-js/lib/http-builder.d.ts

@@ -1,8 +1,9 @@
 /**
  * `HttpRequestBuilder` — the value an `http.*` CEL expression evaluates to.
  *
- * A local (non-upstream) extension. CEL only *describes* a request; the host
- * dispatches it by calling `.json()` / `.file()` on the returned builder.
+ * A local (non-upstream) extension. A CEL expression builds and *describes* a
+ * request; `.file()` is exposed as a CEL method and evaluates to the downloaded
+ * `File`, while `.json()` is dispatched by the host on the returned builder.
  *
  * Endpoints are used verbatim — there is no base-URL resolution, so callers
  * must pass absolute URLs.

package/dist/runtime/vendor/cel-js/lib/http-builtins.d.ts

@@ -2,9 +2,10 @@
  * HTTP built-ins for CEL — a local (non-upstream) extension.
  *
  * Registers the `http` / `HttpRequest` types, the `http` constant, and the
- * request-builder functions on the registry. A CEL expression only *describes*
- * a request — `http.get(url).header(...).body(...)` evaluates to an
- * `HttpRequestBuilder`; the host dispatches it via `.json()` / `.file()`.
+ * request-builder functions on the registry. `http.get(url).header(...).body(...)`
+ * builds an `HttpRequestBuilder`; the terminal `.file()` method issues the
+ * request and evaluates to the downloaded `File`. `.json()` is *not* a CEL
+ * method — the host dispatches that on the returned builder value.
  *
  * Wired into `globalRegistry` at module load (see `evaluator.ts`), so every
  * `Environment` gets HTTP for free — both type-checking and evaluation.

package/dist/runtime/vendor/cel-js/lib/http-builtins.js

@@ -52,4 +52,8 @@ export function registerHttpBuiltins(registry) {
     "HttpRequest.body(dyn): HttpRequest",
     (b, data) => b.body(data)
   );
+  registry.registerFunctionOverload(
+    "HttpRequest.file(): File",
+    (b) => b.file()
+  );
 }

package/package.json

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