@shwfed/config 2.12.8 → 2.12.10

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-multi/config.vue.d.ts

@@ -45,10 +45,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
@@ -104,10 +104,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/config.d.vue.ts

@@ -45,10 +45,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -103,10 +103,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/config.vue.d.ts

@@ -45,10 +45,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -103,10 +103,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

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

@@ -13,6 +13,7 @@ import {
 } from "../../composables/useTreeDnd";
 import { getStructFieldDescription, getStructFieldTitle } from "./utils/schema-meta";
 import { provideEventAncestor } from "../../share/event-bus";
+import { readClip, reidFragment, writeClip } from "../../share/clipboard";
 import { Markdown } from "../ui/markdown";
 import { Badge } from "../ui/badge";
 import { ScrollArea } from "../ui/scroll-area";
@@ -251,6 +252,9 @@ function writeGeneralPatch(patch) {
 const editingGeneralConfig = computed(() => readGeneral());
 const selected = ref(props.hideDataSource ? { kind: "general" } : { kind: "ai" });
 const fieldErrors = ref({});
+const pickedColumnIds = ref([]);
+const pickedColumnIdSet = computed(() => new Set(pickedColumnIds.value));
+const pickAnchor = ref(null);
 watch(
   config,
   (value) => {
@@ -524,6 +528,10 @@ function deleteColumn(columnId) {
   resolveSelection();
 }
 function resolveSelection() {
+  const live = new Set(editingColumns.value.map((c) => c.id));
+  if (pickedColumnIds.value.some((id) => !live.has(id))) {
+    pickedColumnIds.value = pickedColumnIds.value.filter((id) => live.has(id));
+  }
   const s = selected.value;
   if (s.kind === "ai") return;
   if (s.kind === "general") return;
@@ -552,9 +560,88 @@ function selectQuery() {
 function selectGroup(id) {
   selected.value = { kind: "group", id };
 }
-function selectColumn(id) {
+const orderedColumnIds = computed(
+  () => renderEntries.value.filter((e) => e.kind === "column").map((e) => e.columnId)
+);
+function columnRange(a, b) {
+  const ord = orderedColumnIds.value;
+  const ia = ord.indexOf(a);
+  const ib = ord.indexOf(b);
+  if (ia === -1 || ib === -1) return [b];
+  const [lo, hi] = ia <= ib ? [ia, ib] : [ib, ia];
+  return ord.slice(lo, hi + 1);
+}
+function selectColumn(id, e) {
+  const meta = !!e && (e.metaKey || e.ctrlKey);
+  if (meta && e.shiftKey) {
+    const range = pickAnchor.value ? columnRange(pickAnchor.value, id) : [id];
+    const set = new Set(pickedColumnIds.value);
+    for (const cid of range) set.add(cid);
+    pickedColumnIds.value = orderedColumnIds.value.filter((cid) => set.has(cid));
+    pickAnchor.value = id;
+    return;
+  }
+  if (meta) {
+    const set = new Set(pickedColumnIds.value);
+    if (set.has(id)) set.delete(id);
+    else set.add(id);
+    pickedColumnIds.value = orderedColumnIds.value.filter((cid) => set.has(cid));
+    pickAnchor.value = id;
+    return;
+  }
+  pickedColumnIds.value = [];
+  pickAnchor.value = null;
   selected.value = { kind: "column", id };
 }
+watch(selected, (s) => {
+  if (s.kind !== "column") {
+    pickedColumnIds.value = [];
+    pickAnchor.value = null;
+  }
+});
+async function copyColumns() {
+  if (pickedColumnIds.value.length === 0) return;
+  const set = pickedColumnIdSet.value;
+  const cols = orderedColumnIds.value.filter((id) => set.has(id)).map((id) => editingColumns.value.find((c) => c.id === id)).filter((c) => !!c).map(({ groupId: _g, ...rest }) => rest);
+  if (cols.length === 0) return;
+  const ok = await writeClip("table", cols);
+  if (ok) toast.success(`\u5DF2\u590D\u5236 ${cols.length} \u5217`);
+  else toast.error("\u590D\u5236\u5931\u8D25");
+}
+async function pasteColumns() {
+  const clip = await readClip();
+  if (!clip || clip.surface !== "table") return;
+  const { items } = reidFragment(clip.items);
+  const pasted = items.map(({ groupId: _g, ...rest }) => rest);
+  if (pasted.length === 0) return;
+  editingColumns.value = [...editingColumns.value, ...pasted];
+  const ids = pasted.map((c) => c.id);
+  pickedColumnIds.value = ids;
+  pickAnchor.value = ids[ids.length - 1] ?? null;
+  if (ids.length > 0) selected.value = { kind: "column", id: ids[ids.length - 1] };
+  toast.success(`\u5DF2\u7C98\u8D34 ${pasted.length} \u5217`);
+}
+function isTextInput(el) {
+  if (!(el instanceof HTMLElement)) return false;
+  const tag = el.tagName;
+  return tag === "INPUT" || tag === "TEXTAREA" || el.isContentEditable;
+}
+function onColumnListKeydown(e) {
+  if (isTextInput(e.target)) return;
+  const mod = e.metaKey || e.ctrlKey;
+  if (!mod || e.shiftKey || e.altKey) return;
+  const key = e.key.toLowerCase();
+  if (key === "c") {
+    if (pickedColumnIds.value.length === 0) return;
+    const sel = window.getSelection();
+    if (sel && !sel.isCollapsed) return;
+    e.preventDefault();
+    void copyColumns();
+  } else if (key === "v") {
+    e.preventDefault();
+    void pasteColumns();
+  }
+}
 const breadcrumbExt = inject(BREADCRUMB_EXTENSION_KEY, null);
 if (breadcrumbExt) {
   const crumb = breadcrumbExt.add();
@@ -1074,7 +1161,9 @@ const tableQueryValue = computed({
     <div class="flex min-h-128 gap-6">
       <div
         v-if="!isDrilled"
-        class="flex w-64 shrink-0 flex-col"
+        class="flex w-64 shrink-0 flex-col outline-none"
+        tabindex="-1"
+        @keydown="onColumnListKeydown"
       >
         <ScrollArea class="flex-1">
           <div class="flex flex-col gap-1">
@@ -1224,10 +1313,10 @@ const tableQueryValue = computed({
               class="row group column-row"
               :class="[
   entry.groupId ? 'pl-6' : 'pl-2',
-  selected.kind === 'column' && selected.id === entry.columnId ? 'bg-[color-mix(in_srgb,var(--primary)_10%,white)] text-(--primary)' : 'text-zinc-600 hover:bg-zinc-50'
+  selected.kind === 'column' && selected.id === entry.columnId ? 'bg-[color-mix(in_srgb,var(--primary)_10%,white)] text-(--primary)' : pickedColumnIdSet.has(entry.columnId) ? 'bg-zinc-100 text-zinc-700' : 'text-zinc-600 hover:bg-zinc-50'
 ]"
               :data-instruction="dnd.instructionFor(entry.columnId) ?? void 0"
-              @click.stop="selectColumn(entry.columnId)"
+              @click.stop="selectColumn(entry.columnId, $event)"
             >
               <Icon
                 icon="fluent:re-order-dots-vertical-20-filled"

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

@@ -10,14 +10,16 @@ import {
   useVueTable
 } from "@tanstack/vue-table";
 import { useVirtualizer } from "@tanstack/vue-virtual";
+import { watchDebounced } from "@vueuse/core";
 import { Effect, Fiber, Option } from "effect";
 import { Fetch } from "fx-fetch";
 import { Pagination, ScrollArea } from "reka-ui/namespaced";
 import { computed, h, onMounted, ref, toRaw, watch } from "vue";
-import { fetchJsonOption } from "../../share/request";
+import { asRequest, fetchJsonOption } from "../../share/request";
 import { useI18n } from "vue-i18n";
-import { celBindings, provideCELContext, injectCELContext } from "../../utils/cel-context";
+import { celBindings, celScope, provideCELContext, injectCELContext } from "../../utils/cel-context";
 import TableRowProvider from "./row-provider.vue";
+import * as addRowOp from "../operations/2026-07-06/com.shwfed.operation.table.add-row/schema";
 import { getLocalizedText } from "../../share/locale";
 import { Button } from "../ui/button";
 import { Markdown } from "../ui/markdown";
@@ -492,6 +494,32 @@ provideEventTarget(tableInstanceId, {
   // `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` is a host-coupled operation: it is declared in the operations
+  // registry for its param editor, but ships no generic `runtime.ts` (the
+  // append touches THIS instance's private `rowData`), so the handler is
+  // hand-wired here. Its optional `newRow` param is a CEL expression evaluated
+  // at click time against the *emit-site* scope (the dispatching button's own
+  // `cel`, where a row action's `row` is live). An object result seeds the new
+  // row; absent / non-object / evaluation error → a bare `{}` (the param-less
+  // default). Falls back to the table's own evaluator when no emit-site `cel`.
+  [addRowOp.type]: (params, cel) => {
+    const expr = params?.newRow;
+    if (!expr) {
+      return Effect.sync(() => {
+        rowData.value = [...rowData.value, {}];
+      });
+    }
+    return (cel ? cel(expr) : $cel(expr, mergeCelContext({}))).pipe(
+      Effect.map((result) => result !== null && typeof result === "object" && !Array.isArray(result) ? { ...result } : {}),
+      Effect.catchAll(() => Effect.succeed({})),
+      Effect.map((seed) => {
+        rowData.value = [...rowData.value, seed];
+      })
+    );
+  },
+  // Back-compat: triggers authored before `add-row` moved into the operations
+  // registry carry the bare `operation: 'add-row'` (no params). Keep appending
+  // an empty row for them.
   "add-row": () => Effect.sync(() => {
     rowData.value = [...rowData.value, {}];
   }),
@@ -533,6 +561,26 @@ watch(
     if (next && next !== prev) void fetchDataSource();
   }
 );
+const requestSignature = computed(() => {
+  const expr = config.value?.dataSource?.request;
+  if (!expr) return null;
+  try {
+    const req = asRequest(Effect.runSync($cel(
+      expr,
+      celScope(inheritedContext, { query: {}, sorts: [], pageIndex: 0, pageSize: 0 })
+    )));
+    return Option.isSome(req) ? JSON.stringify(req.value.describe()) : null;
+  } catch {
+    return null;
+  }
+});
+watchDebounced(
+  requestSignature,
+  (next, prev) => {
+    if (next !== null && next !== prev) void fetchDataSource();
+  },
+  { debounce: 200 }
+);
 const sortedRowIndexMap = computed(() => {
   const map = /* @__PURE__ */ new Map();
   tableApi.getSortedRowModel().flatRows.forEach((row, i) => {

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

@@ -24,7 +24,8 @@ export declare const metadata: {
         readonly name: "清空所有选中行";
         readonly icon: "fluent:select-all-off-20-regular";
     }, {
-        readonly id: "add-row";
+        readonly id: "com.shwfed.operation.table.add-row";
+        readonly compatibilityDate: "2026-07-06";
         readonly name: "新增一行";
         readonly icon: "fluent:add-20-regular";
     }, {
@@ -157,6 +158,40 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             readonly message: string;
         }[]] | undefined;
     }[];
+    readonly query?: {
+        readonly style?: string | undefined;
+        readonly id?: string | undefined;
+        readonly initial?: {
+            readonly data: string;
+            readonly request?: string | undefined;
+        } | undefined;
+        readonly displayName?: string | undefined;
+        readonly kind: "shwfed.component.form";
+        readonly fields: 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 readonly?: string | undefined;
+    } | undefined;
+    readonly dataSource?: {
+        readonly data: string;
+        readonly total?: string | undefined;
+        readonly request?: string | undefined;
+    } | undefined;
     readonly actions?: {
         readonly size: "default" | "sm" | "xs";
         readonly style?: string | undefined;
@@ -224,40 +259,6 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
         }[];
     } | undefined;
-    readonly query?: {
-        readonly style?: string | undefined;
-        readonly id?: string | undefined;
-        readonly initial?: {
-            readonly data: string;
-            readonly request?: string | undefined;
-        } | undefined;
-        readonly displayName?: string | undefined;
-        readonly kind: "shwfed.component.form";
-        readonly fields: 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 readonly?: string | undefined;
-    } | undefined;
-    readonly dataSource?: {
-        readonly data: string;
-        readonly total?: string | undefined;
-        readonly request?: string | undefined;
-    } | undefined;
     readonly bottomActions?: {
         readonly size: "default" | "sm" | "xs";
         readonly style?: string | undefined;
@@ -826,6 +827,40 @@ export declare function createTableConfig(body: Omit<Schema.Schema.Type<ReturnTy
             readonly message: string;
         }[]] | undefined;
     }[];
+    query?: {
+        readonly style?: string | undefined;
+        readonly id?: string | undefined;
+        readonly initial?: {
+            readonly data: string;
+            readonly request?: string | undefined;
+        } | undefined;
+        readonly displayName?: string | undefined;
+        readonly kind: "shwfed.component.form";
+        readonly fields: 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 readonly?: string | undefined;
+    } | undefined;
+    dataSource?: {
+        readonly data: string;
+        readonly total?: string | undefined;
+        readonly request?: string | undefined;
+    } | undefined;
     actions?: {
         readonly size: "default" | "sm" | "xs";
         readonly style?: string | undefined;
@@ -893,40 +928,6 @@ export declare function createTableConfig(body: Omit<Schema.Schema.Type<ReturnTy
             readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
         }[];
     } | undefined;
-    query?: {
-        readonly style?: string | undefined;
-        readonly id?: string | undefined;
-        readonly initial?: {
-            readonly data: string;
-            readonly request?: string | undefined;
-        } | undefined;
-        readonly displayName?: string | undefined;
-        readonly kind: "shwfed.component.form";
-        readonly fields: 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 readonly?: string | undefined;
-    } | undefined;
-    dataSource?: {
-        readonly data: string;
-        readonly total?: string | undefined;
-        readonly request?: string | undefined;
-    } | undefined;
     bottomActions?: {
         readonly size: "default" | "sm" | "xs";
         readonly style?: string | undefined;

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

@@ -4,6 +4,7 @@ import { Locale } from "../../share/locale.js";
 import { md } from "../../share/markdown.js";
 import { ActionSchemaFields } from "../actions/schema.js";
 import { FormConfig } from "../form/schema.js";
+import * as addRowOp from "../operations/2026-07-06/com.shwfed.operation.table.add-row/schema.js";
 import { allColumnSchemas } from "./utils/resolve.js";
 import { CelRowAccess, registerRowVariablesIfAbsent } from "./utils/shared.js";
 export { getStructFieldTitle, getStructFieldDescription } from "./utils/schema-meta.js";
@@ -21,7 +22,18 @@ export const metadata = {
     { 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: "add-row", name: "\u65B0\u589E\u4E00\u884C", icon: "fluent:add-20-regular" },
+    // Parameterized (but host-coupled) op: `compatibilityDate` marks it as
+    // carrying params, so the trigger editor renders the op's `config.vue` and
+    // seeds its params. Unlike the generic ops (alert / 发送请求) it ships no
+    // `runtime.ts` — the row append touches this instance's private `rowData`,
+    // so the handler is hand-wired in `index.vue`'s `provideEventTarget`. `id`
+    // doubles as the operation-block `type`.
+    {
+      id: addRowOp.type,
+      compatibilityDate: addRowOp.compatibilityDate,
+      name: addRowOp.metadata.name,
+      icon: addRowOp.metadata.icon
+    },
     { 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" }
   ]

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

@@ -1,4 +1,4 @@
-export type ClipSurface = 'form' | 'block';
+export type ClipSurface = 'form' | 'block' | 'table';
 export type ClipPayload = Readonly<{
     surface: ClipSurface;
     items: ReadonlyArray<unknown>;

package/dist/runtime/share/clipboard.js

@@ -57,7 +57,7 @@ export function parseClip(text) {
   try {
     const o = JSON.parse(text);
     if (!o || o[CLIP_KEY] !== CLIP_VERSION) return null;
-    if (o.surface !== "form" && o.surface !== "block") return null;
+    if (o.surface !== "form" && o.surface !== "block" && o.surface !== "table") return null;
     if (!Array.isArray(o.items)) return null;
     const placements = isPlainObject(o.placements) ? o.placements : void 0;
     return { surface: o.surface, items: o.items, placements };

package/package.json

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