@shwfed/config 2.12.7 → 2.12.9

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-multi/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 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-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"