@shwfed/config 2.0.3 → 2.1.0

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

@@ -0,0 +1,44 @@
+import { Schema } from "effect";
+import { Locale } from "../../../../../share/locale.js";
+import { TableConfig, defaultTableConfig } from "../../../../table/schema.js";
+import { commonFieldFields } from "../../../utils/common.js";
+export const type = "com.shwfed.form.field.table";
+export const compatibilityDate = "2026-05-18";
+export const metadata = {
+  name: "\u8868\u683C",
+  icon: "fluent:table-20-regular",
+  w: { initial: 12, min: 6, max: Infinity },
+  h: { initial: 10, min: 5, max: Infinity, grow: true }
+};
+export function schema(configure) {
+  const Table = Schema.suspend(
+    () => TableConfig(configure)
+  );
+  return Schema.Struct({
+    type: Schema.Literal(type),
+    compatibilityDate: Schema.Literal(compatibilityDate),
+    ...commonFieldFields(configure),
+    label: Schema.optional(Locale.annotations({
+      title: "\u6807\u7B7E",
+      description: "\u8868\u683C\u4E0A\u65B9\u5C55\u793A\u7684\u6587\u672C\uFF1B\u7559\u7A7A\u5219\u4E0D\u6E32\u67D3\u6807\u7B7E"
+    })),
+    tooltip: Schema.optional(Locale.annotations({
+      title: "\u63D0\u793A",
+      description: "\u9F20\u6807\u60AC\u505C\u5728\u6807\u7B7E\u4E0A\u65F6\u5C55\u793A\u7684\u8BF4\u660E\uFF0C\u652F\u6301 Markdown"
+    })),
+    binding: Schema.optional(Schema.String.pipe(Schema.minLength(1)).annotations({
+      title: "\u7ED1\u5B9A\u8DEF\u5F84",
+      description: "\u8868\u683C\u5F53\u524D\u6570\u636E\u5B9E\u65F6\u5199\u5165\u8868\u5355\u72B6\u6001\u7684 `dot-prop` \u8DEF\u5F84\uFF0C\u4F8B\u5982 `rows`\uFF1B\u7559\u7A7A\u5219\u4E0D\u5199\u5165\u8868\u5355\u72B6\u6001"
+    })),
+    table: Table.annotations({
+      title: "\u8868\u683C\u914D\u7F6E",
+      description: "\u5185\u5D4C\u8868\u683C\u7684\u5B8C\u6574\u914D\u7F6E\uFF1B\u6570\u636E\u7531\u8868\u683C\u81EA\u5DF1\u7684\u6570\u636E\u6E90\u52A0\u8F7D\uFF0C\u7528\u6237\u7684\u672C\u5730\u589E\u5220\u6539\u5B9E\u65F6\u56DE\u5199\u5230\u300C\u7ED1\u5B9A\u8DEF\u5F84\u300D"
+    })
+  }).annotations({
+    title: "TableField",
+    description: "\u628A\u4E00\u4E2A\u53EF\u672C\u5730\u7F16\u8F91\u7684\u8868\u683C\u5D4C\u5165\u8868\u5355\uFF0C\u5176\u5B9E\u65F6\u6570\u636E\u5199\u5165\u7ED1\u5B9A\u8DEF\u5F84"
+  });
+}
+export function defaults() {
+  return { table: defaultTableConfig() };
+}

package/dist/runtime/components/form/schema.d.ts

@@ -68,6 +68,16 @@ export declare function FormUnit(configure: (env: Environment) => void): Schema.
         }>;
     }>>>;
 }>>;
+/**
+ * Register the form-wide `now` / `form` live variables on `env`, skipping any
+ * already declared. Idempotent so it composes safely from either side: a
+ * `FormConfig` nested inside another (the `table` form field embeds a table
+ * whose `query` is its own sub-form, and the embedding `configure` advertises
+ * the same pair) would otherwise register `form` twice on one env and the CEL
+ * registry throws `'form' is already registered`. Mirrors
+ * `registerRowVariablesIfAbsent`.
+ */
+export declare function registerFormVariablesIfAbsent(env: Environment): void;
 export declare function FormConfig(configure: (env: Environment) => void): Schema.refine<{
     readonly initial?: string | undefined;
     readonly kind: "shwfed.component.form";

package/dist/runtime/components/form/schema.js

@@ -37,10 +37,14 @@ export function FormUnit(configure) {
     description: "\u4E00\u7EC4\u8868\u5355\u5B57\u6BB5\u53CA\u5176\u5E03\u5C40"
   });
 }
+export function registerFormVariablesIfAbsent(env) {
+  const declared = new Set(env.getDefinitions().variables.map((v) => v.name));
+  if (!declared.has("now")) env.registerVariable("now", "Date", { description: "\u5F53\u524D\u65E5\u671F/\u65F6\u95F4" });
+  if (!declared.has("form")) env.registerVariable("form", "dyn", { description: "\u5F53\u524D\u8868\u5355\u72B6\u6001" });
+}
 export function FormConfig(configure) {
   const formConfigure = (env) => {
-    env.registerVariable("now", "Date", { description: "\u5F53\u524D\u65E5\u671F/\u65F6\u95F4" });
-    env.registerVariable("form", "dyn", { description: "\u5F53\u524D\u8868\u5355\u72B6\u6001" });
+    registerFormVariablesIfAbsent(env);
     configure(env);
   };
   const CelFormInitial = Expression({ configure: formConfigure, resultType: "dyn" });

package/dist/runtime/components/table/config.d.vue.ts

@@ -7,10 +7,20 @@ type __VLS_ModelProps = {
     modelValue: AnyRecord;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_201: {};
+type __VLS_Slots = {} & {
+    'general-extra'?: (props: typeof __VLS_201) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: AnyRecord) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: AnyRecord) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/table/config.vue

@@ -1251,6 +1251,10 @@ const tableQueryValue = computed({
               </InputGroup>
             </Field>
 
+            <!-- Host extension slot: a wrapping editor (e.g. the `table` form
+                 field config) injects its own fields into the general pane. -->
+            <slot name="general-extra" />
+
             <div class="flex items-center gap-2">
               <h3 class="text-xs font-medium text-zinc-500">
                 {{ generalFieldTitle("dataSource") }}

package/dist/runtime/components/table/config.vue.d.ts

@@ -7,10 +7,20 @@ type __VLS_ModelProps = {
     modelValue: AnyRecord;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_201: {};
+type __VLS_Slots = {} & {
+    'general-extra'?: (props: typeof __VLS_201) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: AnyRecord) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: AnyRecord) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/table/index.d.vue.ts

@@ -12,6 +12,7 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
     config?: TableConfigValue;
+    rows?: Array<unknown>;
 }, import("@tanstack/vue-table").Table<unknown>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:config": (value: Readonly<{
         kind: "shwfed.component.table";
@@ -52,8 +53,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
             rowSelection: import("effect/Schema").optional<import("effect/Schema").Record$<typeof import("effect/Schema").String, typeof import("effect/Schema").Boolean>>;
         }>>;
     }> | undefined) => any;
+    "update:rows": (value: unknown[]) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config?: TableConfigValue;
+    rows?: Array<unknown>;
 }> & Readonly<{
     "onUpdate:config"?: ((value: Readonly<{
         kind: "shwfed.component.table";
@@ -94,4 +97,5 @@ declare const __VLS_export: import("vue").DefineComponent<{
             rowSelection: import("effect/Schema").optional<import("effect/Schema").Record$<typeof import("effect/Schema").String, typeof import("effect/Schema").Boolean>>;
         }>>;
     }> | undefined) => any) | undefined;
+    "onUpdate:rows"?: ((value: unknown[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/table/index.vue

@@ -13,7 +13,7 @@ import { useVirtualizer } from "@tanstack/vue-virtual";
 import { Effect, Fiber, Option } from "effect";
 import { Fetch } from "fx-fetch";
 import { Pagination } from "reka-ui/namespaced";
-import { computed, defineComponent, h, onMounted, ref, watch } from "vue";
+import { computed, defineComponent, h, onMounted, ref, toRaw, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { celBindings, provideCELContext, injectCELContext } from "../../utils/cel-context";
 import { getLocalizedText } from "../../share/locale";
@@ -29,7 +29,7 @@ import { provideEventTarget } from "../../share/event-bus";
 import { findColumn } from "./utils/resolve";
 import { interpolateMarkdown } from "./utils/runtime";
 const config = defineModel("config", { type: Object });
-const rowData = ref([]);
+const rowData = defineModel("rows", { type: Array, ...{ default: () => [] } });
 const serverTotal = ref(void 0);
 const isFetching = ref(false);
 const queryState = ref({});
@@ -301,6 +301,14 @@ async function resetQuery() {
     queryState.value = {};
   }
 }
+function cloneRow(row) {
+  if (!row || typeof row !== "object") return row;
+  try {
+    return structuredClone(toRaw(row));
+  } catch {
+    return { ...row };
+  }
+}
 const tableInstanceId = config.value?.id ?? crypto.randomUUID();
 provideTableInstanceId(tableInstanceId);
 provideEventTarget(tableInstanceId, {
@@ -312,6 +320,24 @@ provideEventTarget(tableInstanceId, {
   "search": () => Effect.promise(fetchDataSource),
   "clear-selection": () => Effect.sync(() => {
     tableApi.resetRowSelection(true);
+  }),
+  // Local row edits — mutate `rowData` in place, no server round-trip. Each
+  // re-assigns the array so the `rows` model re-emits and a host (the
+  // `table` form field) sees the live list. Intended for client-side data:
+  // with server pagination (`dataSource.total`) `rowData` is only the
+  // current page, so a fetch will overwrite these edits.
+  "add-row": () => Effect.sync(() => {
+    rowData.value = [...rowData.value, {}];
+  }),
+  "duplicate-selected": () => Effect.sync(() => {
+    const clones = tableApi.getSelectedRowModel().rows.map((r) => cloneRow(r.original));
+    if (clones.length > 0) rowData.value = [...rowData.value, ...clones];
+  }),
+  "delete-selected": () => Effect.sync(() => {
+    const drop = new Set(tableApi.getSelectedRowModel().rows.map((r) => r.index));
+    if (drop.size === 0) return;
+    rowData.value = rowData.value.filter((_, i) => !drop.has(i));
+    tableApi.resetRowSelection(true);
   })
 });
 const queryRef = ref(null);

package/dist/runtime/components/table/index.vue.d.ts

@@ -12,6 +12,7 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
     config?: TableConfigValue;
+    rows?: Array<unknown>;
 }, import("@tanstack/vue-table").Table<unknown>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:config": (value: Readonly<{
         kind: "shwfed.component.table";
@@ -52,8 +53,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
             rowSelection: import("effect/Schema").optional<import("effect/Schema").Record$<typeof import("effect/Schema").String, typeof import("effect/Schema").Boolean>>;
         }>>;
     }> | undefined) => any;
+    "update:rows": (value: unknown[]) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config?: TableConfigValue;
+    rows?: Array<unknown>;
 }> & Readonly<{
     "onUpdate:config"?: ((value: Readonly<{
         kind: "shwfed.component.table";
@@ -94,4 +97,5 @@ declare const __VLS_export: import("vue").DefineComponent<{
             rowSelection: import("effect/Schema").optional<import("effect/Schema").Record$<typeof import("effect/Schema").String, typeof import("effect/Schema").Boolean>>;
         }>>;
     }> | undefined) => any) | undefined;
+    "onUpdate:rows"?: ((value: unknown[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/table/schema.d.ts

@@ -23,6 +23,18 @@ export declare const metadata: {
         readonly id: "clear-selection";
         readonly name: "清空所有选中行";
         readonly icon: "fluent:select-all-off-20-regular";
+    }, {
+        readonly id: "add-row";
+        readonly name: "新增一行";
+        readonly icon: "fluent:add-20-regular";
+    }, {
+        readonly id: "duplicate-selected";
+        readonly name: "复制选中行";
+        readonly icon: "fluent:copy-20-regular";
+    }, {
+        readonly id: "delete-selected";
+        readonly name: "删除选中行";
+        readonly icon: "fluent:delete-20-regular";
     }];
 };
 declare const InitialState: Schema.Struct<{

package/dist/runtime/components/table/schema.js

@@ -13,11 +13,16 @@ export const metadata = {
   // Atomic operations — compose them on one button (ordered triggers) to get
   // the legacy combined behaviours. Only `search` actually fetches data;
   // `reset-query` / `reset-pagination` / `clear-selection` just prepare state.
+  // The `*-row` / `*-selected` trio edits the row list locally — no server
+  // round-trip — for tables wired up as an editable surface.
   operations: [
     { id: "reset-query", name: "\u91CD\u7F6E\u641C\u7D22\u6761\u4EF6", icon: "fluent:arrow-reset-20-regular" },
     { id: "reset-pagination", name: "\u91CD\u7F6E\u5206\u9875\u5E76\u6267\u884C\u641C\u7D22", icon: "fluent:arrow-previous-20-regular" },
     { id: "search", name: "\u6267\u884C\u641C\u7D22", icon: "fluent:search-20-regular" },
-    { id: "clear-selection", name: "\u6E05\u7A7A\u6240\u6709\u9009\u4E2D\u884C", icon: "fluent:select-all-off-20-regular" }
+    { id: "clear-selection", name: "\u6E05\u7A7A\u6240\u6709\u9009\u4E2D\u884C", icon: "fluent:select-all-off-20-regular" },
+    { id: "add-row", name: "\u65B0\u589E\u4E00\u884C", icon: "fluent:add-20-regular" },
+    { id: "duplicate-selected", name: "\u590D\u5236\u9009\u4E2D\u884C", icon: "fluent:copy-20-regular" },
+    { id: "delete-selected", name: "\u5220\u9664\u9009\u4E2D\u884C", icon: "fluent:delete-20-regular" }
   ]
 };
 const SortItem = Schema.Struct({

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

@@ -229,12 +229,16 @@ http.get("https://api.example.com/users")
   .query(form)
   .query("page", string(pageIndex))
 
-// Set request body (auto-serializes to JSON):
+// Set request body. An object serializes to JSON; set the Content-Type
+// header yourself. Optional values are unwrapped — a present `.?` field
+// keeps its value, an absent one becomes `null` (the key is kept):
 http.post("https://api.example.com/users")
-  .body({"name": "Alice", "email": "alice@example.com"})
+  .header("Content-Type", "application/json")
+  .body({"name": "Alice", "channel": query.?channel})
 
 // Full example — the expression returns an HttpRequest; the host sends it:
 http.post("https://api.example.com/users")
+  .header("Content-Type", "application/json")
   .header("Authorization", "Bearer " + token)
   .body({"name": "Alice"})
 ```

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

@@ -15,7 +15,13 @@ export declare class HttpRequestBuilder {
     header(name: string, value: string): this;
     query(key: string, value: string | number): this;
     query(record: Record<string, unknown>): this;
-    body(data: FormData | unknown): this;
+    /**
+     * Set the request body. A pre-built `FormData` / `Blob` / `ArrayBuffer` /
+     * string is used verbatim; anything else is normalized (see
+     * `normalizeBody`) and JSON-serialized. The `Content-Type` header is *not*
+     * set here — the caller adds `.header('Content-Type', …)` explicitly.
+     */
+    body(data: unknown): this;
     /**
      * A structural snapshot of the request this builder will issue — an equal
      * snapshot means an equal HTTP request. Handy for change-detection, e.g.

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

@@ -1,9 +1,28 @@
-import { Effect } from "effect";
+import { Effect, Option } from "effect";
 import {
   Fetch,
   Request as FxRequest,
   Response as FxResponse
 } from "fx-fetch";
+import { Decimal } from "./decimal.js";
+function normalizeBody(value) {
+  if (value === null || value === void 0) return value;
+  if (value instanceof Decimal) return value.toNumber();
+  if (Option.isOption(value)) {
+    return Option.isSome(value) ? normalizeBody(value.value) : null;
+  }
+  if (Array.isArray(value)) return value.map(normalizeBody);
+  if (typeof value === "object") {
+    const proto = Object.getPrototypeOf(value);
+    if (proto !== Object.prototype && proto !== null) return value;
+    const out = {};
+    for (const key of Object.keys(value)) {
+      out[key] = normalizeBody(value[key]);
+    }
+    return out;
+  }
+  return value;
+}
 function extractFilename(response, url) {
   const disposition = FxResponse.getHeader(response, "content-disposition");
   if (disposition) {
@@ -53,11 +72,15 @@ export class HttpRequestBuilder {
     }
     throw new Error(`query: nested object values are not supported (key: "${key}")`);
   }
+  /**
+   * Set the request body. A pre-built `FormData` / `Blob` / `ArrayBuffer` /
+   * string is used verbatim; anything else is normalized (see
+   * `normalizeBody`) and JSON-serialized. The `Content-Type` header is *not*
+   * set here — the caller adds `.header('Content-Type', …)` explicitly.
+   */
   body(data) {
-    this.#body = data instanceof FormData || data instanceof Blob || data instanceof ArrayBuffer || typeof data === "string" ? data : JSON.stringify(data);
-    if (!(data instanceof FormData || data instanceof Blob || data instanceof ArrayBuffer || typeof data === "string")) {
-      this.#headers.push(["Content-Type", "application/json"]);
-    }
+    const value = normalizeBody(data);
+    this.#body = value instanceof FormData || value instanceof Blob || value instanceof ArrayBuffer || typeof value === "string" ? value : JSON.stringify(value);
     return this;
   }
   /**

package/package.json

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