qidian-vue-ui 2.0.59 → 2.0.61

package/dist/components/crud/table/index.vue2.mjs

@@ -84,6 +84,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     cellSelectable: {
       type: Boolean
     },
+    cellClipboard: {
+      type: Boolean
+    },
+    onCellCopy: {
+      type: Function
+    },
+    onCellPaste: {
+      type: Function
+    },
     reserveSelectedRowOnFilter: {
       type: Boolean
     },

package/dist/components/crud/table/props.d.ts

@@ -26,6 +26,9 @@ export declare const qdCrudTableProps: {
     readonly lazyForm: true;
     readonly editCellValidationBlock: "error";
     readonly cellSelectable: undefined;
+    readonly cellClipboard: true;
+    readonly onCellCopy: undefined;
+    readonly onCellPaste: undefined;
     readonly rowKey: "id";
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;

package/dist/components/crud/tabs-table/index.vue.d.ts

@@ -193,6 +193,9 @@ declare const _default: <D extends TableRowData = TableRowData, R = unknown, P =
                 manual?: boolean | undefined;
                 cellSelectable?: boolean | undefined;
                 selectType?: "single" | "multiple" | undefined;
+                cellClipboard?: boolean | undefined;
+                onCellCopy?: ((context: import("../../service/table/types").QdServiceTableCellCopyContext<D>) => void) | undefined;
+                onCellPaste?: ((context: import("../../service/table/types").QdServiceTableCellPasteContext<D>) => void) | undefined;
                 reserveSelectedRowOnFilter?: boolean | undefined;
                 headerBg?: boolean | undefined;
                 showFilterResult?: boolean | undefined;

package/dist/components/crud/tabs-table/index.vue2.mjs

@@ -46,6 +46,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     selectType: {},
     activeRowType: { type: [String, Boolean] },
     cellSelectable: { type: Boolean },
+    cellClipboard: { type: Boolean },
+    onCellCopy: { type: Function },
+    onCellPaste: { type: Function },
     reserveSelectedRowOnFilter: { type: Boolean },
     headerBg: { type: Boolean },
     showFilterResult: { type: Boolean },

package/dist/components/crud/tabs-table/props.d.ts

@@ -20,6 +20,9 @@ export declare const qdCrudTabsTableProps: {
     readonly lazyForm: true;
     readonly editCellValidationBlock: "error";
     readonly cellSelectable: undefined;
+    readonly cellClipboard: true;
+    readonly onCellCopy: undefined;
+    readonly onCellPaste: undefined;
     readonly rowKey: "id";
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;

package/dist/components/service/table/clipboard.d.ts

@@ -0,0 +1,8 @@
+export declare function serializeTsv(rows: string[][]): string;
+export declare function parseTsv(text: string): string[][];
+export type CellHtmlCell = {
+    label: string;
+    value: string;
+};
+export declare function serializeCellHtml(rows: CellHtmlCell[][]): string | null;
+export declare function parseCellHtml(html: string): string[][] | null;

package/dist/components/service/table/clipboard.mjs

@@ -0,0 +1,44 @@
+function serializeTsv(rows) {
+  return rows.map((row) => row.join("	")).join("\n");
+}
+function parseTsv(text) {
+  const normalized = text.replace(/\r\n?/g, "\n");
+  if (!normalized) return [];
+  const lines = normalized.replace(/\n$/, "").split("\n");
+  if (lines.at(-1) === "") lines.pop();
+  return lines.map((line) => line.split("	"));
+}
+const CELL_HTML_FLAG = "data-qd-service-table-clipboard";
+const CELL_HTML_VALUE = "data-qd-value";
+function serializeCellHtml(rows) {
+  if (typeof document === "undefined") return null;
+  const table = document.createElement("table");
+  table.setAttribute(CELL_HTML_FLAG, "");
+  const tbody = document.createElement("tbody");
+  for (const row of rows) {
+    const tr = document.createElement("tr");
+    for (const cell of row) {
+      const td = document.createElement("td");
+      td.setAttribute(CELL_HTML_VALUE, cell.value);
+      td.textContent = cell.label;
+      tr.appendChild(td);
+    }
+    tbody.appendChild(tr);
+  }
+  table.appendChild(tbody);
+  return table.outerHTML;
+}
+function parseCellHtml(html) {
+  if (!html || typeof document === "undefined") return null;
+  const doc = new DOMParser().parseFromString(html, "text/html");
+  if (!doc.querySelector(`table[${CELL_HTML_FLAG}]`)) return null;
+  return Array.from(doc.querySelectorAll("tr")).map(
+    (tr) => Array.from(tr.querySelectorAll("td")).map((td) => td.getAttribute(CELL_HTML_VALUE) ?? "")
+  );
+}
+export {
+  parseCellHtml,
+  parseTsv,
+  serializeCellHtml,
+  serializeTsv
+};

package/dist/components/service/table/index.css

@@ -1,177 +1,235 @@
-.qd-service-table[data-v-ea8063e2] {
+.qd-service-table[data-v-d3a788db] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.qd-service-table[data-v-ea8063e2] >  .t-table__content {
+.qd-service-table[data-v-d3a788db] >  .t-table__content {
   flex: 1;
 }
-.qd-service-table--mini[data-v-ea8063e2] {
+.qd-service-table--mini[data-v-d3a788db] {
   font: var(--td-font-body-small);
 }
-.qd-service-table--mini[data-v-ea8063e2] th,
-.qd-service-table--mini[data-v-ea8063e2] tr:not(.t-table__expanded-row) > td {
+.qd-service-table--mini[data-v-d3a788db] th,
+.qd-service-table--mini[data-v-d3a788db] tr:not(.t-table__expanded-row) > td {
   padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
   line-height: var(--td-line-height-body-small);
 }
-.qd-service-table--mini[data-v-ea8063e2] .t-table__row-full-element {
+.qd-service-table--mini[data-v-d3a788db] .t-table__row-full-element {
   padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
 }
-.qd-service-table--hide-empty-image[data-v-ea8063e2] .t-table__empty {
+.qd-service-table--hide-empty-image[data-v-d3a788db] .t-table__empty {
   min-height: auto;
 }
-.qd-service-table--hide-empty-image[data-v-ea8063e2] .t-table__empty .t-empty {
+.qd-service-table--hide-empty-image[data-v-d3a788db] .t-table__empty .t-empty {
   padding: 0 !important;
 }
-.qd-service-table--hide-empty-image[data-v-ea8063e2] .t-table__empty .t-empty__image {
+.qd-service-table--hide-empty-image[data-v-d3a788db] .t-table__empty .t-empty__image {
   display: none;
 }
-.qd-service-table--hide-empty-image[data-v-ea8063e2] .t-table__empty .t-empty__title {
+.qd-service-table--hide-empty-image[data-v-d3a788db] .t-table__empty .t-empty__title {
   margin-top: 0;
 }
-.qd-service-table[data-v-ea8063e2] .t-table__tree-col:not(:has(.t-table__tree-op-icon)) {
+.qd-service-table[data-v-d3a788db] .t-table__tree-col:not(:has(.t-table__tree-op-icon)) {
   margin-left: calc(var(--td-font-size-body-large) + var(--td-comp-margin-s));
 }
-.qd-service-table[data-v-ea8063e2] .t-table__tree-leaf-node .t-table__tree-op-icon:empty {
+.qd-service-table[data-v-d3a788db] .t-table__tree-leaf-node .t-table__tree-op-icon:empty {
   width: calc(var(--td-font-size-body-large) + var(--td-comp-margin-s));
 }
-.qd-service-table[data-v-ea8063e2] .t-affix > .t-table__affixed-header-elm-wrap,
-.qd-service-table[data-v-ea8063e2] .t-affix > .t-table__scrollbar--obvious {
-  transform: var(--f537ab38);
+.qd-service-table[data-v-d3a788db] .t-affix > .t-table__affixed-header-elm-wrap,
+.qd-service-table[data-v-d3a788db] .t-affix > .t-table__scrollbar--obvious {
+  transform: var(--v7e0530ae);
 }
-.qd-service-table--horizontal-bar-static[data-v-ea8063e2] .t-table__scrollbar--obvious {
+.qd-service-table--horizontal-bar-static[data-v-d3a788db] .t-table__scrollbar--obvious {
   visibility: hidden;
   pointer-events: none;
 }
-.qd-service-table[data-v-ea8063e2]  .t-table__expanded-row .qd-service-table--horizontal-bar-static > div:has(> div > .t-table__scrollbar--obvious) {
+.qd-service-table--horizontal-bar-static[data-v-d3a788db] >  div:has(> div > .t-table__scrollbar--obvious) {
+  height: 0;
+  margin-top: 0 !important;
+  overflow: hidden;
+}
+.qd-service-table[data-v-d3a788db]  .t-table__expanded-row .qd-service-table--horizontal-bar-static > div:has(> div > .t-table__scrollbar--obvious) {
   display: none;
 }
-.qd-service-table[data-v-ea8063e2] .t-table__expanded-row > td {
+.qd-service-table[data-v-d3a788db] .t-table__expanded-row > td {
   height: 0;
 }
-.qd-service-table[data-v-ea8063e2] .t-table__affixed-header-elm-wrap {
+.qd-service-table[data-v-d3a788db] .t-table__affixed-header-elm-wrap {
   height: auto !important;
 }
-.qd-service-table[data-v-ea8063e2] .t-table__affixed-header-elm {
+.qd-service-table[data-v-d3a788db] .t-table__affixed-header-elm {
   position: relative;
   scrollbar-width: none;
 }
-.qd-service-table[data-v-ea8063e2] .t-table__affixed-header-elm::-webkit-scrollbar {
+.qd-service-table[data-v-d3a788db] .t-table__affixed-header-elm::-webkit-scrollbar {
   display: none;
   width: 0;
   height: 0;
 }
-.qd-service-table[data-v-ea8063e2] .t-table__virtual-scroll-cursor + table {
+.qd-service-table[data-v-d3a788db] .t-table__virtual-scroll-cursor + table {
   border-collapse: separate;
 }
-.qd-service-table[data-v-ea8063e2] .t-table__expanded-row-inner,
-.qd-service-table[data-v-ea8063e2] .t-table__row-filter-inner {
+.qd-service-table[data-v-d3a788db] .t-table__expanded-row-inner,
+.qd-service-table[data-v-d3a788db] .t-table__row-filter-inner {
   display: block;
   position: sticky;
   left: 0;
-  width: var(--v787afc59) !important;
+  width: var(--v3a08d15e) !important;
 }
-.qd-service-table[data-v-ea8063e2] .t-table__cell-wrap > .t-form__controls > .t-form__controls-content > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
+.qd-service-table[data-v-d3a788db] .t-table__cell-wrap > .t-form__controls > .t-form__controls-content > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
   width: 100%;
 }
-.qd-service-table[data-v-ea8063e2] .qd-service-table__non-editable-col {
+.qd-service-table[data-v-d3a788db] .qd-service-table__non-editable-col {
   background-color: color-mix(in srgb, var(--td-bg-color-component) 50%, transparent);
 }
-.qd-service-table[data-v-ea8063e2] .qd-service-table__selected-cell {
-  box-shadow: inset 0 0 0 1px var(--td-brand-color);
+.qd-service-table[data-v-d3a788db] td.qd-service-table__selected-cell {
+  box-shadow: inset 0 1px 0 0 var(--qst-sel-t, transparent), inset 0 -1px 0 0 var(--qst-sel-b, transparent), inset 1px 0 0 0 var(--qst-sel-l, transparent), inset -1px 0 0 0 var(--qst-sel-r, transparent);
+}
+.qd-service-table[data-v-d3a788db] .qd-service-table__selected-bt {
+  --qst-sel-t: var(--td-brand-color);
+}
+.qd-service-table[data-v-d3a788db] .qd-service-table__selected-bb {
+  --qst-sel-b: var(--td-brand-color);
+}
+.qd-service-table[data-v-d3a788db] .qd-service-table__selected-bl {
+  --qst-sel-l: var(--td-brand-color);
+}
+.qd-service-table[data-v-d3a788db] .qd-service-table__selected-br {
+  --qst-sel-r: var(--td-brand-color);
+}
+.qd-service-table[data-v-d3a788db] td.qd-service-table__copied-cell {
+  background-image: var(--qst-copy-t, none), var(--qst-copy-b, none), var(--qst-copy-l, none), var(--qst-copy-r, none);
+  background-size: 8px 1px,
+        8px 1px,
+        1px 8px,
+        1px 8px;
+  background-position: 0 0,
+        0 100%,
+        0 0,
+        100% 0;
+  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
+  animation: qst-cell-ants-d3a788db 0.5s linear infinite;
+}
+.qd-service-table[data-v-d3a788db] td.qd-service-table__copied-cell.qd-service-table__selected-cell {
+  background-size: 8px 2px,
+          8px 2px,
+          2px 8px,
+          2px 8px;
 }
-.qd-service-table[data-v-ea8063e2] tbody > tr.t-table__row--active {
+.qd-service-table[data-v-d3a788db] .qd-service-table__copied-bt {
+  --qst-copy-t: linear-gradient(90deg, var(--td-brand-color-hover) 50%, transparent 0);
+}
+.qd-service-table[data-v-d3a788db] .qd-service-table__copied-bb {
+  --qst-copy-b: linear-gradient(90deg, var(--td-brand-color-hover) 50%, transparent 0);
+}
+.qd-service-table[data-v-d3a788db] .qd-service-table__copied-bl {
+  --qst-copy-l: linear-gradient(0deg, var(--td-brand-color-hover) 50%, transparent 0);
+}
+.qd-service-table[data-v-d3a788db] .qd-service-table__copied-br {
+  --qst-copy-r: linear-gradient(0deg, var(--td-brand-color-hover) 50%, transparent 0);
+}
+.qd-service-table[data-v-d3a788db] tbody > tr.t-table__row--active {
   background-color: var(--td-brand-color-light);
 }
-.qd-service-table[data-v-ea8063e2] tbody > tr.t-table__row--active.t-table__row--hover,
-.qd-service-table[data-v-ea8063e2] tbody > tr.t-table__row--active:hover {
+.qd-service-table[data-v-d3a788db] tbody > tr.t-table__row--active.t-table__row--hover,
+.qd-service-table[data-v-d3a788db] tbody > tr.t-table__row--active:hover {
   background-color: var(--td-brand-color-light-hover);
 }
-.qd-service-table[data-v-ea8063e2]  .qd-service-table__non-editable-col:is(
+.qd-service-table[data-v-d3a788db]  .qd-service-table__non-editable-col:is(
         .t-table__cell--fixed-left,
         .t-table__cell--fixed-right
       ) {
   background-color: inherit;
   background-image: linear-gradient(color-mix(in srgb, var(--td-bg-color-secondarycontainer) 50%, transparent), color-mix(in srgb, var(--td-bg-color-secondarycontainer) 50%, transparent));
 }
-.qd-service-table--disable-horizontal-scroll[data-v-ea8063e2] colgroup > col {
+.qd-service-table--disable-horizontal-scroll[data-v-d3a788db] colgroup > col {
   width: auto !important;
 }
-.qd-service-table[data-v-ea8063e2] .t-table__filter-pop-content-inner {
+.qd-service-table[data-v-d3a788db] .t-table__filter-pop-content-inner {
   padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s) 0;
 }
-.qd-service-table[data-v-ea8063e2] .t-table__filter-pop-content-inner:has(.qd-service-table-filter-item) {
+.qd-service-table[data-v-d3a788db] .t-table__filter-pop-content-inner:has(.qd-service-table-filter-item) {
   padding: 0;
 }
-.qd-service-table[data-v-ea8063e2]  .t-table__filter-pop-content-inner:has(
+.qd-service-table[data-v-d3a788db]  .t-table__filter-pop-content-inner:has(
         .qd-service-table-filter-input,
         .qd-service-table-filter-custom
       ) {
   padding-bottom: var(--td-comp-paddingTB-s);
 }
-.qd-service-table[data-v-ea8063e2] .t-table__filter--bottom-buttons {
+.qd-service-table[data-v-d3a788db] .t-table__filter--bottom-buttons {
   padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
 }
-.qd-service-table--mini[data-v-ea8063e2] .t-table__filter-pop-content-inner {
+.qd-service-table--mini[data-v-d3a788db] .t-table__filter-pop-content-inner {
   padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs) 0;
 }
-.qd-service-table--mini[data-v-ea8063e2] .t-table__filter--bottom-buttons {
+.qd-service-table--mini[data-v-d3a788db] .t-table__filter--bottom-buttons {
   padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs);
 }
-.qd-service-table--mini[data-v-ea8063e2] .t-table__filter-pop-content-inner:has(.qd-service-table-filter-item) {
+.qd-service-table--mini[data-v-d3a788db] .t-table__filter-pop-content-inner:has(.qd-service-table-filter-item) {
   padding: 0;
 }
-.qd-service-table--mini[data-v-ea8063e2]  .t-table__filter-pop-content-inner:has(
+.qd-service-table--mini[data-v-d3a788db]  .t-table__filter-pop-content-inner:has(
           .qd-service-table-filter-input,
           .qd-service-table-filter-custom
         ) {
   padding-bottom: var(--td-comp-paddingTB-xs);
 }
-.qd-service-table[data-v-ea8063e2] .qd-service-table-filter-item {
+.qd-service-table[data-v-d3a788db] .qd-service-table-filter-item {
   width: 266px;
 }
-.qd-service-table[data-v-ea8063e2] .qd-service-table-filter-item__search,
-.qd-service-table[data-v-ea8063e2] .qd-service-table-filter-item__all,
-.qd-service-table[data-v-ea8063e2] .qd-service-table-filter-item__options {
+.qd-service-table[data-v-d3a788db] .qd-service-table-filter-item__search,
+.qd-service-table[data-v-d3a788db] .qd-service-table-filter-item__all,
+.qd-service-table[data-v-d3a788db] .qd-service-table-filter-item__options {
   padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s) 0;
 }
-.qd-service-table[data-v-ea8063e2] .qd-service-table-filter-item__all {
+.qd-service-table[data-v-d3a788db] .qd-service-table-filter-item__all {
   display: flex;
   align-items: center;
   padding: 0 var(--td-comp-paddingLR-s);
   border-bottom: 1px solid var(--td-component-stroke);
 }
-.qd-service-table[data-v-ea8063e2] .qd-service-table-filter-item__options {
+.qd-service-table[data-v-d3a788db] .qd-service-table-filter-item__options {
   display: flex;
   flex-direction: column;
   height: 206px;
   padding: 0 var(--td-comp-paddingLR-s);
   overflow-y: auto;
 }
-.qd-service-table[data-v-ea8063e2] .qd-service-table-filter-item__count {
+.qd-service-table[data-v-d3a788db] .qd-service-table-filter-item__count {
   margin-left: var(--td-comp-margin-xs);
   color: var(--td-text-color-placeholder);
 }
-.qd-service-table[data-v-ea8063e2] .qd-service-table-filter-item__cell {
+.qd-service-table[data-v-d3a788db] .qd-service-table-filter-item__cell {
   pointer-events: none;
 }
-.qd-service-table[data-v-ea8063e2] .qd-service-table-filter-item .t-checkbox,
-.qd-service-table[data-v-ea8063e2] .qd-service-table-filter-item .t-radio {
+.qd-service-table[data-v-d3a788db] .qd-service-table-filter-item .t-checkbox,
+.qd-service-table[data-v-d3a788db] .qd-service-table-filter-item .t-radio {
   display: flex;
   align-items: center;
 }
-.qd-service-table[data-v-ea8063e2] .qd-service-table-filter-item .t-checkbox__label,
-.qd-service-table[data-v-ea8063e2] .qd-service-table-filter-item .t-radio__label {
+.qd-service-table[data-v-d3a788db] .qd-service-table-filter-item .t-checkbox__label,
+.qd-service-table[data-v-d3a788db] .qd-service-table-filter-item .t-radio__label {
   display: inline-flex;
   flex: 1 1 0;
   align-items: center;
   min-width: 0;
   overflow: hidden;
 }
-.qd-service-table--mini[data-v-ea8063e2] .qd-service-table-filter-item__search {
+.qd-service-table--mini[data-v-d3a788db] .qd-service-table-filter-item__search {
   padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs) 0;
 }
-.qd-service-table--mini[data-v-ea8063e2] .qd-service-table-filter-item__all,
-.qd-service-table--mini[data-v-ea8063e2] .qd-service-table-filter-item__options {
+.qd-service-table--mini[data-v-d3a788db] .qd-service-table-filter-item__all,
+.qd-service-table--mini[data-v-d3a788db] .qd-service-table-filter-item__options {
   padding: 0 var(--td-comp-paddingLR-xs);
 }
+@keyframes qst-cell-ants-d3a788db {
+to {
+    background-position: 8px 0, -8px 100%, 0 -8px, 100% 8px;
+}
+}
+@media (prefers-reduced-motion: reduce) {
+[data-v-d3a788db] td.qd-service-table__copied-cell {
+    animation: none;
+}
+}

package/dist/components/service/table/index.vue.mjs

@@ -2,7 +2,7 @@ import './index.css'
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ea8063e2"]]);
+const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d3a788db"]]);
 export {
   QdServiceTable as default
 };

package/dist/components/service/table/index.vue2.mjs

@@ -1,14 +1,15 @@
 import './index.css'
 import { defineComponent, mergeDefaults, useCssVars, computed, ref, useSlots, useTemplateRef, shallowRef, inject, getCurrentInstance, reactive, createVNode, unref, watch, nextTick, onMounted, onActivated, onDeactivated, onBeforeUnmount, withDirectives, createBlock, openBlock, resolveDynamicComponent, mergeProps, isRef, createSlots, withCtx, renderList, renderSlot, normalizeProps, guardReactiveProps, h, render } from "vue";
 import { useVModels, useElementSize, useElementBounding, useIntersectionObserver } from "../../../node_modules/.pnpm/@vueuse_core@14.2.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
-import { useActivated, useTimer, useServicePagination, easyCopy, isEmpty, suspectedWrapperPromise, getScrollEl, createExposeProxy, resizeDirective } from "qidian-shared";
+import { useActivated, useTimer, useServicePagination, easyCopy, isEmpty, suspectedWrapperPromise, getScrollEl, createExposeProxy, resizeDirective, to } from "qidian-shared";
 import { LoadingIcon, AddRectangleIcon, MinusRectangleIcon } from "tdesign-icons-vue-next";
 import { EnhancedTable, Table, Empty } from "tdesign-vue-next";
 import { validate } from "tdesign-vue-next/es/form/utils/form-model.mjs";
 import { useModal } from "../../../hooks/useModal.mjs";
-import { getTransformOffset } from "../../../utils/tools.mjs";
+import { useUICsl, getTransformOffset } from "../../../utils/tools.mjs";
 import { useConfig } from "../../config-provider/useConfig.mjs";
 import { getQdFormComponentName, resolveQdFormItemOptions } from "../../form/utils.mjs";
+import { serializeTsv, serializeCellHtml, parseTsv, parseCellHtml } from "./clipboard.mjs";
 import QdServiceTableEditCell from "./edit-cell.mjs";
 import QdServiceTableFilterItem from "./filter-item.mjs";
 import { qdServiceTableTreeConfig, qdServiceTableProps, getSortParams } from "./props.mjs";
@@ -17,8 +18,10 @@ import { useDisabled } from "../../../hooks/useDisabled.mjs";
 import { PROVIDE_FORM_ADD_BEFORE_SUBMIT_QUEUE } from "../../form/config.mjs";
 import get from "../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/get.mjs";
 import _sfc_main$1 from "../../config-renderer/index.vue.mjs";
-import QdForm from "../../form/index.vue.mjs";
 import set from "../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/set.mjs";
+import QdForm from "../../form/index.vue.mjs";
+const popupLayerSelector = ".t-select-input--popup-visible, .t-popup__content, .t-dialog, .t-drawer, .t-image-viewer, .qd-multi-file-viewer";
+const editableElementSelector = 'input, textarea, select, [contenteditable="true"], .ql-editor';
 const defaultMinWidth = 80;
 const defaultVirtualScrollBufferSize = 2;
 const defaultXVirtualScrollThreshold = 20;
@@ -41,6 +44,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     cellSelectable: {
       type: Boolean
     },
+    cellClipboard: {
+      type: Boolean
+    },
+    onCellCopy: {
+      type: Function
+    },
+    onCellPaste: {
+      type: Function
+    },
     reserveSelectedRowOnFilter: {
       type: Boolean
     },
@@ -344,8 +356,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     emit: __emit
   }) {
     useCssVars((_ctx) => ({
-      "f537ab38": affixedHeaderTransform.value,
-      "v787afc59": expandedRowWidth.value
+      "v7e0530ae": affixedHeaderTransform.value,
+      "v3a08d15e": expandedRowWidth.value
     }));
     const props = __props;
     const emit = __emit;
@@ -393,8 +405,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       t: tableT
     } = useConfig("table");
     const {
+      msg,
       msgError
     } = useModal();
+    const csl = useUICsl("QdServiceTable");
     const tdReadonly = useReadonly();
     const tdDisabled = useDisabled();
     const tableReadonly = computed(() => tdReadonly.value || tdDisabled.value);
@@ -406,6 +420,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const selectedCell = shallowRef();
     const selectedCells = shallowRef([]);
     const selectedCellAnchor = shallowRef();
+    const copiedCells = shallowRef([]);
     const handledSelectionEvents = /* @__PURE__ */ new WeakSet();
     const selectionExcludedColKeys = /* @__PURE__ */ new Set(["expand", "drag"]);
     const editingCellValidationErrors = shallowRef(/* @__PURE__ */ new Map());
@@ -416,10 +431,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } = useActivated();
     const formItemColumns = computed(() => flattenFormItemColumns(props.columns || []));
     const editableColumns = computed(() => flattenEditableColumns(props.columns || []));
-    const reCellSelectable = computed(() => props.cellSelectable ?? (formItemColumns.value.length > 0 || editableColumns.value.length > 0));
+    const reCellSelectable = computed(() => props.cellSelectable ?? false);
     const parentAddBeforeSubmitQueue = inject(PROVIDE_FORM_ADD_BEFORE_SUBMIT_QUEUE, void 0);
     const beforeSubmitQueueMap = /* @__PURE__ */ new Map();
     const editingCellValidationVersions = /* @__PURE__ */ new Map();
+    const editingCellUpdateFns = /* @__PURE__ */ new Map();
     parentAddBeforeSubmitQueue?.(async () => {
       const context = await submitTableData({
         showErrorMessage: false
@@ -562,6 +578,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return columns;
     });
+    const leafColumns = computed(() => {
+      const result = [];
+      function visit(items) {
+        for (const column of items) {
+          if (column.children?.length) {
+            visit(column.children);
+            continue;
+          }
+          result.push(column);
+        }
+      }
+      visit(adaptedColumns.value);
+      return result;
+    });
     const displayData = computed(() => {
       if (props.onFilterChange) return data.value;
       if (props.service && props.pagination !== false) return data.value;
@@ -1258,12 +1288,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function isSelectedCell(row, colKey) {
       return selectedCells.value.some((item) => getRowValue(item.row) === getRowValue(row) && item.colKey === colKey);
     }
+    function isSelectedCellAt(rowIndex, colIndex) {
+      const row = data.value[rowIndex];
+      const column = leafColumns.value[colIndex];
+      if (!row || !column) return false;
+      return isSelectedCell(row, column.colKey);
+    }
+    function isCopiedCell(row, colKey) {
+      return copiedCells.value.some((item) => getRowValue(item.row) === getRowValue(row) && item.colKey === colKey);
+    }
+    function isCopiedCellAt(rowIndex, colIndex) {
+      const row = data.value[rowIndex];
+      const column = leafColumns.value[colIndex];
+      if (!row || !column) return false;
+      return isCopiedCell(row, column.colKey);
+    }
     function hasSelectionModifier(event) {
       return !!event && (event.metaKey || event.ctrlKey || event.shiftKey);
     }
     function expandSelectedCellRange(anchor, target) {
       if (!target.colKey || !anchor.colKey) return [target];
-      const columns = adaptedColumns.value;
+      const columns = leafColumns.value;
       const fromCol = columns.findIndex((col) => col.colKey === anchor.colKey);
       const toCol = columns.findIndex((col) => col.colKey === target.colKey);
       const rows = data.value;
@@ -1291,16 +1336,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function syncSelectedRowKeysFromCells() {
       const rowKeys = [];
+      const checkableRowKeys = [];
       const seen = /* @__PURE__ */ new Set();
       for (const item of selectedCells.value) {
         const rowValue = getRowValue(item.row);
         if (seen.has(rowValue)) continue;
-        const rowIndex = data.value.findIndex((row) => getRowValue(row) === rowValue);
-        if (isRowSelectDisabled(rowIndex >= 0 ? data.value[rowIndex] : item.row, rowIndex)) continue;
         seen.add(rowValue);
         rowKeys.push(rowValue);
+        const rowIndex = data.value.findIndex((row) => getRowValue(row) === rowValue);
+        if (!isRowSelectDisabled(rowIndex >= 0 ? data.value[rowIndex] : item.row, rowIndex)) {
+          checkableRowKeys.push(rowValue);
+        }
       }
-      selectedRowKeys.value = rowKeys;
+      selectedRowKeys.value = checkableRowKeys;
       if (props.activeRowType) activeRowKeys.value = rowKeys;
     }
     function pruneDisabledSelectedRows(newData) {
@@ -1318,9 +1366,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (column.type === "single" || column.type === "multiple") return false;
       return column.cellSelectable ?? String(column.colKey) !== "operation";
     }
+    function emitRowSelectChange(clickedRow, type) {
+      const rowKeys = [...selectedRowKeys.value];
+      const selectedRowData = rowKeys.map((key) => data.value.find((row) => getRowValue(row) === key)).filter((row) => !!row);
+      props.onSelectChange?.(rowKeys, {
+        selectedRowData,
+        currentRowKey: String(getRowValue(clickedRow)),
+        currentRowData: clickedRow,
+        type
+      });
+    }
     function applyCellSelection(cell, event) {
-      const column = adaptedColumns.value.find((col) => col.colKey === cell.colKey);
+      const column = leafColumns.value.find((col) => col.colKey === cell.colKey);
       if (!column || !isCellSelectableColumn(column)) return;
+      const wasSelected = selectedRowKeys.value.includes(getRowValue(cell.row));
       if (event?.metaKey || event?.ctrlKey) {
         const exists = selectedCells.value.some((item) => isSameEditingCell(item, cell));
         const rest = selectedCells.value.filter((item) => !isSameEditingCell(item, cell));
@@ -1328,6 +1387,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         selectedCell.value = selectedCells.value.at(-1);
         selectedCellAnchor.value = cell;
         syncSelectedRowKeysFromCells();
+        emitRowSelectChange(cell.row, wasSelected ? "uncheck" : "check");
         return;
       }
       if (event?.shiftKey && selectedCellAnchor.value) {
@@ -1335,12 +1395,302 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         selectedCells.value = expandSelectedCellRange(selectedCellAnchor.value, cell);
         selectedCell.value = cell;
         syncSelectedRowKeysFromCells();
+        emitRowSelectChange(cell.row, wasSelected ? "uncheck" : "check");
         return;
       }
       selectedCells.value = [cell];
       selectedCell.value = cell;
       selectedCellAnchor.value = cell;
       syncSelectedRowKeysFromCells();
+      emitRowSelectChange(cell.row, wasSelected ? "uncheck" : "check");
+    }
+    function resolveCellText(row, colKey) {
+      const value = get(row, colKey);
+      if (value === void 0 || value === null) return "";
+      return String(value).replace(/[\t\n\r]/g, " ");
+    }
+    function resolveSelectedCells() {
+      if (selectedCells.value.length) return selectedCells.value;
+      return selectedCell.value ? [selectedCell.value] : [];
+    }
+    function resolveSelectedCellGrid() {
+      const positions = [];
+      const columns = leafColumns.value;
+      for (const cell of resolveSelectedCells()) {
+        if (!cell.colKey) continue;
+        const colIdx = columns.findIndex((col) => col.colKey === cell.colKey);
+        const rowIdx = data.value.findIndex((row) => getRowValue(row) === getRowValue(cell.row));
+        if (colIdx < 0 || rowIdx < 0) continue;
+        positions.push({
+          rowIdx,
+          colIdx
+        });
+      }
+      if (!positions.length) return null;
+      positions.sort((first, second) => first.rowIdx - second.rowIdx || first.colIdx - second.colIdx);
+      const rows = data.value;
+      const rowStart = positions[0].rowIdx;
+      const rowEnd = positions.at(-1).rowIdx;
+      const colStart = Math.min(...positions.map((item) => item.colIdx));
+      const colEnd = Math.max(...positions.map((item) => item.colIdx));
+      const selectedTds = getCurrentTableContentEl()?.querySelectorAll("td.qd-service-table__selected-cell");
+      const domTds = selectedTds && selectedTds.length === positions.length ? selectedTds : null;
+      const valueGrid = [];
+      const labelGrid = [];
+      const cells = [];
+      let tdIndex = 0;
+      for (let rowIdx = rowStart; rowIdx <= rowEnd; rowIdx++) {
+        const row = rows[rowIdx];
+        const rowValues = [];
+        const rowLabels = [];
+        for (let colIdx = colStart; colIdx <= colEnd; colIdx++) {
+          const position = positions.find((item) => item.rowIdx === rowIdx && item.colIdx === colIdx);
+          const column = columns[colIdx];
+          cells.push({
+            row,
+            colKey: String(column.colKey)
+          });
+          if (!position) {
+            rowValues.push("");
+            rowLabels.push("");
+            continue;
+          }
+          const colKey = String(column.colKey);
+          rowValues.push(resolveCellText(row, colKey));
+          if (column.transformCopy) {
+            const custom = column.transformCopy({
+              row,
+              rowIndex: rowIdx,
+              column,
+              value: get(row, colKey)
+            });
+            if (custom !== void 0) {
+              rowValues[rowValues.length - 1] = normalizeCellText(custom);
+              rowLabels.push(normalizeCellText(custom));
+              continue;
+            }
+          }
+          if (domTds) {
+            const td = domTds[tdIndex++];
+            if (!td.querySelector(".qd-service-table__cell-editor, .t-table__cell--wrap")) {
+              rowLabels.push(normalizeCellText(td.textContent));
+              continue;
+            }
+          }
+          rowLabels.push(resolveCellLabelByRender(column, row) ?? rowValues.at(-1));
+        }
+        valueGrid.push(rowValues);
+        labelGrid.push(rowLabels);
+      }
+      return {
+        valueGrid,
+        labelGrid,
+        cells
+      };
+    }
+    function resolveCellLabelByRender(column, row) {
+      const context = {
+        row,
+        col: column,
+        colIndex: -1,
+        rowIndex: -1,
+        type: "cell"
+      };
+      const result = typeof column.cell === "function" ? column.cell(h, context) : typeof column.render === "function" ? column.render(h, context) : void 0;
+      return typeof result === "string" ? normalizeCellText(result) : void 0;
+    }
+    function normalizeCellText(text) {
+      return (text ?? "").replace(/[\t\n\r]/g, " ").trim();
+    }
+    async function copySelectedCells() {
+      const selection = resolveSelectedCellGrid();
+      if (!selection) return false;
+      const plain = serializeTsv(selection.labelGrid);
+      const valueText = serializeTsv(selection.valueGrid);
+      const html = serializeCellHtml(selection.valueGrid.map((rowValues, rowIdx) => rowValues.map((value, colIdx) => ({
+        label: selection.labelGrid[rowIdx][colIdx],
+        value
+      }))));
+      const [error] = await to(writeClipboard(plain, html));
+      if (error) {
+        csl.warn("单元格复制失败", error);
+        return false;
+      }
+      copiedCells.value = selection.cells;
+      props.onCellCopy?.({
+        text: plain,
+        valueText,
+        cells: selection.cells
+      });
+      return true;
+    }
+    async function writeClipboard(plain, html) {
+      const ClipboardItemCtor = globalThis.ClipboardItem;
+      if (navigator.clipboard && ClipboardItemCtor && html) {
+        await navigator.clipboard.write([new ClipboardItemCtor({
+          "text/plain": new Blob([plain], {
+            type: "text/plain"
+          }),
+          "text/html": new Blob([html], {
+            type: "text/html"
+          })
+        })]);
+        return;
+      }
+      if (navigator.clipboard) {
+        await navigator.clipboard.writeText(plain);
+        return;
+      }
+      const textarea = document.createElement("textarea");
+      textarea.value = plain;
+      textarea.style.position = "fixed";
+      textarea.style.opacity = "0";
+      document.body.appendChild(textarea);
+      textarea.select();
+      const copied = document.execCommand("copy");
+      textarea.remove();
+      if (!copied) throw new Error("[QdServiceTable.writeClipboard] execCommand 复制剪贴板失败");
+    }
+    function canCopySelectedCells(target) {
+      if (!props.cellClipboard || !reCellSelectable.value) return false;
+      if (!selectedCell.value && !selectedCells.value.length) return false;
+      if (isEditableOrPopupTarget(target)) return false;
+      return !document.getSelection()?.toString();
+    }
+    function isPasteTargetCell(column, row) {
+      if (!isCellSelectableColumn(column)) return false;
+      if (column.formItem) return resolveFormItemIfRender(column, row);
+      return !!column.edit;
+    }
+    function writeCellPasteValue(row, colKey, value) {
+      const updateEditedCellValue = editingCellUpdateFns.get(getCellKey(row, colKey));
+      if (updateEditedCellValue) {
+        updateEditedCellValue({
+          isUpdateCurrentRow: true,
+          [colKey]: value
+        });
+        updateEditedCellValue(value);
+      }
+      set(row, colKey, value);
+    }
+    function applyCellPaste(text, html) {
+      const plainGrid = parseTsv(text);
+      const htmlGrid = parseCellHtml(html ?? "");
+      const grid = htmlGrid ?? plainGrid;
+      const anchorCells = resolveSelectedCells();
+      if (!grid.length || !anchorCells.length) return {
+        written: 0,
+        skipped: 0
+      };
+      const columns = leafColumns.value;
+      const rows = data.value;
+      const anchors = anchorCells.map((cell) => ({
+        rowIdx: rows.findIndex((row) => getRowValue(row) === getRowValue(cell.row)),
+        colIdx: columns.findIndex((col) => col.colKey === cell.colKey)
+      })).filter((item) => item.rowIdx >= 0 && item.colIdx >= 0);
+      if (!anchors.length) {
+        msg("粘贴位置已失效，请重新选中单元格后粘贴");
+        return {
+          written: 0,
+          skipped: 0
+        };
+      }
+      const anchorRowIdx = Math.min(...anchors.map((item) => item.rowIdx));
+      const anchorColIdx = Math.min(...anchors.map((item) => item.colIdx));
+      const written = [];
+      let skipped = 0;
+      const singleCell = grid.length === 1 && grid[0].length === 1;
+      const plan = singleCell ? anchors.map(({
+        rowIdx,
+        colIdx
+      }) => ({
+        rowIndex: rowIdx,
+        row: rows[rowIdx],
+        column: columns[colIdx],
+        value: grid[0][0],
+        htmlValue: htmlGrid?.[0]?.[0],
+        label: plainGrid[0]?.[0] ?? ""
+      })) : grid.flatMap((gridRow, rowOffset) => gridRow.map((value, colOffset) => ({
+        rowIndex: anchorRowIdx + rowOffset,
+        row: rows[anchorRowIdx + rowOffset],
+        column: columns[anchorColIdx + colOffset],
+        value,
+        htmlValue: htmlGrid?.[rowOffset]?.[colOffset],
+        label: plainGrid[rowOffset]?.[colOffset] ?? ""
+      })));
+      for (const {
+        rowIndex,
+        row,
+        column,
+        value,
+        htmlValue,
+        label
+      } of plan) {
+        if (!row || !column) continue;
+        if (!isPasteTargetCell(column, row)) {
+          skipped++;
+          continue;
+        }
+        const colKey = String(column.colKey);
+        const writtenValue = column.transformPaste ? column.transformPaste({
+          row,
+          rowIndex,
+          column,
+          value: htmlValue,
+          label
+        }) : value;
+        writeCellPasteValue(row, colKey, writtenValue);
+        written.push({
+          row,
+          colKey,
+          value: writtenValue
+        });
+      }
+      if (!written.length) {
+        msg("当前选中的单元格不可编辑，无法粘贴");
+        return {
+          written: 0,
+          skipped
+        };
+      }
+      if (!singleCell) {
+        const maxRowIdx = Math.min(anchorRowIdx + grid.length - 1, rows.length - 1);
+        const maxColIdx = Math.min(anchorColIdx + grid[0].length - 1, columns.length - 1);
+        const cells = [];
+        for (let rowIdx = anchorRowIdx; rowIdx <= maxRowIdx; rowIdx++) {
+          for (let colIdx = anchorColIdx; colIdx <= maxColIdx; colIdx++) {
+            const row = rows[rowIdx];
+            const column = columns[colIdx];
+            if (!row || !column) continue;
+            cells.push({
+              row,
+              colKey: String(column.colKey)
+            });
+          }
+        }
+        if (cells.length) {
+          selectedCells.value = cells;
+          selectedCell.value = cells.at(-1);
+          selectedCellAnchor.value = cells[0];
+          syncSelectedRowKeysFromCells();
+        }
+      }
+      notifyDataChange();
+      setTimeout(() => {
+        void validateTableData({
+          showErrorMessage: false,
+          scrollToFirstError: false
+        });
+      }, 0);
+      props.onCellPaste?.({
+        text: serializeTsv(grid),
+        written,
+        skipped
+      });
+      return {
+        written: written.length,
+        skipped
+      };
     }
     function resolveFormItemLazy(column) {
       const formItem = column.formItem;
@@ -1378,6 +1728,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function removeEditingCell(target) {
       editingCells.value = editingCells.value.filter((item) => !isSameEditingCell(item, target));
+      editingCellUpdateFns.delete(getCellKey(target.row, target.colKey));
       clearAutofocusEditingCell(target);
       if (!activeEditingCell.value || !isSameEditingCell(activeEditingCell.value, target)) return;
       activeEditingCell.value = editingCells.value.at(-1);
@@ -1481,12 +1832,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (slots.cellEmptyContent) return slots.cellEmptyContent(context);
       return slots["cell-empty-content"]?.(context) ?? value;
     }
+    function isEditableOrPopupTarget(target) {
+      if (!(target instanceof Element)) return false;
+      return !!target.closest(editableElementSelector) || !!target.closest(popupLayerSelector);
+    }
     function handleDocumentKeydown(event) {
       if (!activated.value) return;
-      if (event.key !== "Escape" || event.defaultPrevented) return;
-      if (!activeEditingCell.value && !selectedCell.value && !selectedCells.value.length) return;
-      const target = event.target;
-      if (target?.closest(".t-select-input--popup-visible, .t-popup__content, .t-dialog, .t-drawer, .t-image-viewer, .qd-multi-file-viewer")) {
+      if (event.defaultPrevented) return;
+      if (event.key === "Escape") {
+        handleSelectionClearKeydown(event.target);
+        return;
+      }
+      if ((event.metaKey || event.ctrlKey) && !event.altKey && !event.shiftKey && event.key.toLowerCase() === "c" && canCopySelectedCells(event.target)) {
+        event.preventDefault();
+        void copySelectedCells();
+      }
+    }
+    function handleSelectionClearKeydown(target) {
+      if (!activeEditingCell.value && !selectedCell.value && !selectedCells.value.length && !copiedCells.value.length) return;
+      if (target instanceof Element && target.closest(popupLayerSelector)) {
+        return;
+      }
+      if (copiedCells.value.length) {
+        copiedCells.value = [];
         return;
       }
       const hasCellSelection = !!selectedCell.value || selectedCells.value.length > 0;
@@ -1498,6 +1866,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       exitActiveEditingCell();
     }
+    function handleDocumentPaste(event) {
+      if (!activated.value) return;
+      if (!selectedCell.value && !selectedCells.value.length) return;
+      if (!props.cellClipboard || !reCellSelectable.value) return;
+      if (tableReadonly.value) return;
+      if (isEditableOrPopupTarget(event.target)) return;
+      const text = event.clipboardData?.getData("text/plain");
+      if (!text) return;
+      event.preventDefault();
+      const result = applyCellPaste(text, event.clipboardData?.getData("text/html"));
+      if (result.written > 0) copiedCells.value = [];
+    }
     function handleDocumentClick(event) {
       if (!activated.value) return;
       if (!editingCells.value.length && !selectedCell.value && !selectedCells.value.length) return;
@@ -2091,7 +2471,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           } : {}
         };
         const columnClassName = reColumn.className === void 0 ? [] : Array.isArray(reColumn.className) ? reColumn.className : [reColumn.className];
-        const selectedCellClass = (context) => context.type === "td" && reCellSelectable.value && isSelectedCell(context.row, column.colKey) ? "qd-service-table__selected-cell" : "";
+        const selectedCellClass = (context) => {
+          if (context.type !== "td" || !reCellSelectable.value) return "";
+          if (!isSelectedCell(context.row, column.colKey)) return "";
+          const rowIndex = data.value.findIndex((item) => getRowValue(item) === getRowValue(context.row));
+          const colIndex = leafColumns.value.findIndex((col) => col.colKey === column.colKey);
+          const classes = ["qd-service-table__selected-cell"];
+          if (!isSelectedCellAt(rowIndex - 1, colIndex)) classes.push("qd-service-table__selected-bt");
+          if (!isSelectedCellAt(rowIndex + 1, colIndex)) classes.push("qd-service-table__selected-bb");
+          if (!isSelectedCellAt(rowIndex, colIndex - 1)) classes.push("qd-service-table__selected-bl");
+          if (!isSelectedCellAt(rowIndex, colIndex + 1)) classes.push("qd-service-table__selected-br");
+          return classes.join(" ");
+        };
+        const copiedCellClass = (context) => {
+          if (context.type !== "td" || !isCopiedCell(context.row, column.colKey)) return "";
+          const rowIndex = data.value.findIndex((item) => getRowValue(item) === getRowValue(context.row));
+          const colIndex = leafColumns.value.findIndex((col) => col.colKey === column.colKey);
+          const classes = ["qd-service-table__copied-cell"];
+          if (!isCopiedCellAt(rowIndex - 1, colIndex)) classes.push("qd-service-table__copied-bt");
+          if (!isCopiedCellAt(rowIndex + 1, colIndex)) classes.push("qd-service-table__copied-bb");
+          if (!isCopiedCellAt(rowIndex, colIndex - 1)) classes.push("qd-service-table__copied-bl");
+          if (!isCopiedCellAt(rowIndex, colIndex + 1)) classes.push("qd-service-table__copied-br");
+          return classes.join(" ");
+        };
         const finalizeColumn = (col) => {
           const previousAttrs = col.attrs;
           col.attrs = (context) => ({
@@ -2109,9 +2511,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         };
         if (tableReadonly.value || !formItem) {
           if (!children && formItemColumns.value.length) {
-            reColumn.className = [...columnClassName, selectedCellClass, (context) => context.type === "td" ? "qd-service-table__non-editable-col" : ""];
+            reColumn.className = [...columnClassName, selectedCellClass, copiedCellClass, (context) => context.type === "td" ? "qd-service-table__non-editable-col" : ""];
           } else if (!children) {
-            reColumn.className = [...columnClassName, selectedCellClass];
+            reColumn.className = [...columnClassName, selectedCellClass, copiedCellClass];
           }
           return finalizeColumn(reColumn);
         }
@@ -2133,7 +2535,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }
           };
         };
-        reColumn.className = [...columnClassName, "qd-service-table__form-item-col", selectedCellClass, (context) => context.type === "td" && !resolveFormItemIfRender(column, context.row) ? "qd-service-table__non-editable-col" : ""];
+        reColumn.className = [...columnClassName, "qd-service-table__form-item-col", selectedCellClass, copiedCellClass, (context) => context.type === "td" && !resolveFormItemIfRender(column, context.row) ? "qd-service-table__non-editable-col" : ""];
         const generatedEdit = {
           component: QdServiceTableEditCell,
           showEditIcon: false,
@@ -2152,6 +2554,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               row
             };
             const colKey = column.colKey;
+            editingCellUpdateFns.set(getCellKey(row, colKey), context.updateEditedCellValue);
             return {
               row,
               rowValue,
@@ -2215,6 +2618,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       editingCells.value = [];
       activeEditingCell.value = void 0;
       autofocusEditingCell.value = void 0;
+      editingCellUpdateFns.clear();
     }
     function setScrollElTo(position = scrollRecord) {
       const scrollEl = getCurrentTableContentEl();
@@ -2499,6 +2903,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       document.addEventListener("click", handleDocumentClick);
       document.addEventListener("keydown", handleDocumentKeydown);
+      document.addEventListener("paste", handleDocumentPaste);
     });
     onActivated(async () => {
       const position = {
@@ -2522,6 +2927,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       animatingAncestorCleanup?.();
       document.removeEventListener("click", handleDocumentClick);
       document.removeEventListener("keydown", handleDocumentKeydown);
+      document.removeEventListener("paste", handleDocumentPaste);
       unmountOffscreenForm();
     });
     __expose(createExposeProxy({

package/dist/components/service/table/props.d.ts

@@ -15,6 +15,9 @@ export declare const qdServiceTableProps: {
     readonly lazyForm: true;
     readonly editCellValidationBlock: "error";
     readonly cellSelectable: undefined;
+    readonly cellClipboard: true;
+    readonly onCellCopy: undefined;
+    readonly onCellPaste: undefined;
     readonly rowKey: "id";
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;

package/dist/components/service/table/props.mjs

@@ -14,6 +14,9 @@ const qdServiceTableProps = {
   lazyForm: true,
   editCellValidationBlock: "error",
   cellSelectable: void 0,
+  cellClipboard: true,
+  onCellCopy: void 0,
+  onCellPaste: void 0,
   rowKey: "id",
   expandIcon: true,
   selectOnRowClick: void 0,

package/dist/components/service/table/types.d.ts

@@ -12,6 +12,19 @@ export interface QdServiceTableCol<D extends TableRowData = TableRowData> extend
     children?: QdServiceTableCol<D>[];
     foot?: string | TNode<BaseTableCellParams<D>>;
     cellSelectable?: boolean;
+    transformCopy?: (context: {
+        row: D;
+        rowIndex: number;
+        column: QdServiceTableCol<D>;
+        value: unknown;
+    }) => string | undefined;
+    transformPaste?: (context: {
+        row: D;
+        rowIndex: number;
+        column: QdServiceTableCol<D>;
+        value: string | undefined;
+        label: string;
+    }) => unknown;
     filterItem?: true | QdServiceTableFilterItem;
     formItem?: QdServiceTableFormItem;
 }
@@ -48,6 +61,23 @@ export interface QdServiceTableDeleteCheckContext<D extends TableRowData = Table
     childrenKey: string;
     tableData: D[];
 }
+export interface QdServiceTableCellCopyContext<D extends TableRowData = TableRowData> {
+    text: string;
+    valueText: string;
+    cells: {
+        row: D;
+        colKey: string;
+    }[];
+}
+export interface QdServiceTableCellPasteContext<D extends TableRowData = TableRowData> {
+    text: string;
+    written: {
+        row: D;
+        colKey: string;
+        value: unknown;
+    }[];
+    skipped: number;
+}
 export interface QdServiceTableValidateParams {
     showErrorMessage?: boolean;
     scrollToFirstError?: boolean;
@@ -79,6 +109,9 @@ export interface QdServiceTableProps<D extends TableRowData = TableRowData, R =
     selectType?: 'single' | 'multiple';
     activeRowType?: 'single' | 'multiple' | false;
     cellSelectable?: boolean;
+    cellClipboard?: boolean;
+    onCellCopy?: (context: QdServiceTableCellCopyContext<D>) => void;
+    onCellPaste?: (context: QdServiceTableCellPasteContext<D>) => void;
     reserveSelectedRowOnFilter?: boolean;
     headerBg?: boolean;
     showFilterResult?: boolean;

package/dist/components/service-dialog-table-select/index.vue2.mjs

@@ -69,6 +69,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     cellSelectable: {
       type: Boolean
     },
+    cellClipboard: {
+      type: Boolean
+    },
+    onCellCopy: {
+      type: Function
+    },
+    onCellPaste: {
+      type: Function
+    },
     reserveSelectedRowOnFilter: {
       type: Boolean
     },

package/dist/components/service-dialog-table-select/props.d.ts

@@ -43,6 +43,9 @@ export declare const qdServiceDialogTableSelectProps: {
     readonly lazyForm: true;
     readonly editCellValidationBlock: "error";
     readonly cellSelectable: undefined;
+    readonly cellClipboard: true;
+    readonly onCellCopy: undefined;
+    readonly onCellPaste: undefined;
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;
     readonly bordered: undefined;

package/dist/components/service-dialog-tabs-table-select/index.vue2.mjs

@@ -83,6 +83,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     cellSelectable: {
       type: Boolean
     },
+    cellClipboard: {
+      type: Boolean
+    },
+    onCellCopy: {
+      type: Function
+    },
+    onCellPaste: {
+      type: Function
+    },
     reserveSelectedRowOnFilter: {
       type: Boolean
     },

package/dist/components/service-dialog-tabs-table-select/props.d.ts

@@ -18,6 +18,9 @@ export declare const qdServiceDialogTabsTableSelectProps: {
     readonly lazyForm: true;
     readonly editCellValidationBlock: "error";
     readonly cellSelectable: undefined;
+    readonly cellClipboard: true;
+    readonly onCellCopy: undefined;
+    readonly onCellPaste: undefined;
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;
     readonly bordered: undefined;

package/dist/components/service-popup-table-select/index.vue2.mjs

@@ -59,6 +59,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     cellSelectable: {
       type: Boolean
     },
+    cellClipboard: {
+      type: Boolean
+    },
+    onCellCopy: {
+      type: Function
+    },
+    onCellPaste: {
+      type: Function
+    },
     reserveSelectedRowOnFilter: {
       type: Boolean
     },

package/dist/components/service-popup-table-select/props.d.ts

@@ -17,6 +17,9 @@ export declare const qdServicePopupTableSelectProps: {
     readonly lazyForm: true;
     readonly editCellValidationBlock: "error";
     readonly cellSelectable: undefined;
+    readonly cellClipboard: true;
+    readonly onCellCopy: undefined;
+    readonly onCellPaste: undefined;
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;
     readonly bordered: undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qidian-vue-ui",
-  "version": "2.0.59",
+  "version": "2.0.61",
   "description": "基于 TDesign 的 QiDian Vue UI 组件库",
   "author": "qidian",
   "license": "MIT",
@@ -77,9 +77,11 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.1",
     "@vitejs/plugin-vue-jsx": "^5.1.1",
+    "@vitest/browser-playwright": "^4.1.11",
     "@vue/test-utils": "^2.5.0",
     "baseline-browser-mapping": "^2.11.20",
     "jsdom": "^29.1.1",
+    "playwright": "^1.50.0",
     "less": "^4.4.2",
     "less-loader": "^12.3.0",
     "rollup-plugin-copy": "^3.5.0",
@@ -139,11 +141,14 @@
   "scripts": {
     "clean": "rm -rf dist",
     "dev": "vite --config vite.playground.config.ts",
-    "build": "npm run test && npm run type-check:test && npm run clean && vue-tsc --noEmit && vite build && vue-tsc && vite build --config vite.autoImportResolver.config.ts",
+    "build": "npm run type-check:test && npm run clean && vue-tsc --noEmit && vite build && vue-tsc && vite build --config vite.autoImportResolver.config.ts",
     "build-only": "npm run clean && vite build && vite build --config vite.autoImportResolver.config.ts",
     "type-check": "vue-tsc --noEmit",
     "type-check:test": "vue-tsc --noEmit -p tsconfig.test.json",
+    "playwright:install": "playwright install chromium",
     "test": "vitest run",
+    "test:unit": "vitest run --project unit",
+    "test:browser": "vitest run --project browser",
     "test:watch": "vitest",
     "sync": "cnpm sync qidian-vue-ui",
     "lint": "eslint --max-warnings 0  \"{src,mock,scripts}/**/*.{vue,ts,tsx,js}\" --fix --cache"