qidian-vue-ui 2.0.57 → 2.0.59

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

@@ -78,6 +78,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     rowKey: {},
     size: {},
     selectType: {},
+    activeRowType: {
+      type: [String, Boolean]
+    },
+    cellSelectable: {
+      type: Boolean
+    },
     reserveSelectedRowOnFilter: {
       type: Boolean
     },
@@ -224,7 +230,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     },
     activeRowKeys: {},
     defaultActiveRowKeys: {},
-    activeRowType: {},
     allowResizeColumnWidth: {
       type: Boolean
     },

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

@@ -25,6 +25,7 @@ export declare const qdCrudTableProps: {
     readonly readonly: undefined;
     readonly lazyForm: true;
     readonly editCellValidationBlock: "error";
+    readonly cellSelectable: undefined;
     readonly rowKey: "id";
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;

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

@@ -71,10 +71,10 @@ declare const _default: <D extends TableRowData = TableRowData, R = unknown, P =
                 onValidate?: ((context: import("tdesign-vue-next").PrimaryTableValidateContext) => void) | undefined;
                 rowKey?: string | undefined;
                 scroll?: import("../..").QdServiceTableScroll | undefined;
+                activeRowType?: "single" | "multiple" | false | undefined;
                 onCellClick?: ((context: import("tdesign-vue-next").PrimaryTableCellEventContext<D>) => void) | undefined;
                 activeRowKeys?: Array<string | number> | undefined;
                 defaultActiveRowKeys?: Array<string | number> | undefined;
-                activeRowType?: "single" | "multiple" | undefined;
                 allowResizeColumnWidth?: boolean | undefined;
                 bordered?: boolean | undefined;
                 bottomContent?: (string | import("tdesign-vue-next").TNode) | undefined;
@@ -191,6 +191,7 @@ declare const _default: <D extends TableRowData = TableRowData, R = unknown, P =
                 onAfter?: (() => void) | undefined;
                 onSuccess?: ((data: import("qidian-shared").ServicePageDataType<D>) => void) | undefined;
                 manual?: boolean | undefined;
+                cellSelectable?: boolean | undefined;
                 selectType?: "single" | "multiple" | undefined;
                 reserveSelectedRowOnFilter?: boolean | undefined;
                 headerBg?: boolean | undefined;

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

@@ -44,6 +44,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     rowKey: {},
     size: {},
     selectType: {},
+    activeRowType: { type: [String, Boolean] },
+    cellSelectable: { type: Boolean },
     reserveSelectedRowOnFilter: { type: Boolean },
     headerBg: { type: Boolean },
     showFilterResult: { type: Boolean },
@@ -105,7 +107,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onSortChange: { type: Function },
     onValidate: { type: Function },
     defaultActiveRowKeys: {},
-    activeRowType: {},
     allowResizeColumnWidth: { type: Boolean },
     attach: { type: [String, Function] },
     bordered: { type: Boolean },

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

@@ -19,6 +19,7 @@ export declare const qdCrudTabsTableProps: {
     readonly readonly: undefined;
     readonly lazyForm: true;
     readonly editCellValidationBlock: "error";
+    readonly cellSelectable: undefined;
     readonly rowKey: "id";
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;

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

@@ -1,170 +1,177 @@
-.qd-service-table[data-v-75599918] {
+.qd-service-table[data-v-ea8063e2] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.qd-service-table[data-v-75599918] >  .t-table__content {
+.qd-service-table[data-v-ea8063e2] >  .t-table__content {
   flex: 1;
 }
-.qd-service-table--mini[data-v-75599918] {
+.qd-service-table--mini[data-v-ea8063e2] {
   font: var(--td-font-body-small);
 }
-.qd-service-table--mini[data-v-75599918] th,
-.qd-service-table--mini[data-v-75599918] tr:not(.t-table__expanded-row) > td {
+.qd-service-table--mini[data-v-ea8063e2] th,
+.qd-service-table--mini[data-v-ea8063e2] 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-75599918] .t-table__row-full-element {
+.qd-service-table--mini[data-v-ea8063e2] .t-table__row-full-element {
   padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
 }
-.qd-service-table--hide-empty-image[data-v-75599918] .t-table__empty {
+.qd-service-table--hide-empty-image[data-v-ea8063e2] .t-table__empty {
   min-height: auto;
 }
-.qd-service-table--hide-empty-image[data-v-75599918] .t-table__empty .t-empty {
+.qd-service-table--hide-empty-image[data-v-ea8063e2] .t-table__empty .t-empty {
   padding: 0 !important;
 }
-.qd-service-table--hide-empty-image[data-v-75599918] .t-table__empty .t-empty__image {
+.qd-service-table--hide-empty-image[data-v-ea8063e2] .t-table__empty .t-empty__image {
   display: none;
 }
-.qd-service-table--hide-empty-image[data-v-75599918] .t-table__empty .t-empty__title {
+.qd-service-table--hide-empty-image[data-v-ea8063e2] .t-table__empty .t-empty__title {
   margin-top: 0;
 }
-.qd-service-table[data-v-75599918] .t-table__tree-col:not(:has(.t-table__tree-op-icon)) {
+.qd-service-table[data-v-ea8063e2] .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-75599918] .t-table__tree-leaf-node .t-table__tree-op-icon:empty {
+.qd-service-table[data-v-ea8063e2] .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-75599918] .t-affix > .t-table__affixed-header-elm-wrap,
-.qd-service-table[data-v-75599918] .t-affix > .t-table__scrollbar--obvious {
-  transform: var(--v298ee7ef);
+.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--horizontal-bar-static[data-v-75599918] .t-table__scrollbar--obvious {
+.qd-service-table--horizontal-bar-static[data-v-ea8063e2] .t-table__scrollbar--obvious {
   visibility: hidden;
   pointer-events: none;
 }
-.qd-service-table[data-v-75599918]  .t-table__expanded-row .qd-service-table--horizontal-bar-static > div:has(> div > .t-table__scrollbar--obvious) {
+.qd-service-table[data-v-ea8063e2]  .t-table__expanded-row .qd-service-table--horizontal-bar-static > div:has(> div > .t-table__scrollbar--obvious) {
   display: none;
 }
-.qd-service-table[data-v-75599918] .t-table__expanded-row > td {
+.qd-service-table[data-v-ea8063e2] .t-table__expanded-row > td {
   height: 0;
 }
-.qd-service-table[data-v-75599918] .t-table__affixed-header-elm-wrap {
+.qd-service-table[data-v-ea8063e2] .t-table__affixed-header-elm-wrap {
   height: auto !important;
 }
-.qd-service-table[data-v-75599918] .t-table__affixed-header-elm {
+.qd-service-table[data-v-ea8063e2] .t-table__affixed-header-elm {
   position: relative;
   scrollbar-width: none;
 }
-.qd-service-table[data-v-75599918] .t-table__affixed-header-elm::-webkit-scrollbar {
+.qd-service-table[data-v-ea8063e2] .t-table__affixed-header-elm::-webkit-scrollbar {
   display: none;
   width: 0;
   height: 0;
 }
-.qd-service-table[data-v-75599918] .t-table__virtual-scroll-cursor + table {
+.qd-service-table[data-v-ea8063e2] .t-table__virtual-scroll-cursor + table {
   border-collapse: separate;
 }
-.qd-service-table[data-v-75599918] .t-table__expanded-row-inner,
-.qd-service-table[data-v-75599918] .t-table__row-filter-inner {
+.qd-service-table[data-v-ea8063e2] .t-table__expanded-row-inner,
+.qd-service-table[data-v-ea8063e2] .t-table__row-filter-inner {
   display: block;
   position: sticky;
   left: 0;
-  width: var(--v668d03b8) !important;
+  width: var(--v787afc59) !important;
 }
-.qd-service-table[data-v-75599918] .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-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) {
   width: 100%;
 }
-.qd-service-table[data-v-75599918] .qd-service-table__non-editable-col {
+.qd-service-table[data-v-ea8063e2] .qd-service-table__non-editable-col {
   background-color: color-mix(in srgb, var(--td-bg-color-component) 50%, transparent);
 }
-.qd-service-table[data-v-75599918] .qd-service-table__selected-cell {
+.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-75599918]  .qd-service-table__non-editable-col:is(
+.qd-service-table[data-v-ea8063e2] 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 {
+  background-color: var(--td-brand-color-light-hover);
+}
+.qd-service-table[data-v-ea8063e2]  .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-75599918] colgroup > col {
+.qd-service-table--disable-horizontal-scroll[data-v-ea8063e2] colgroup > col {
   width: auto !important;
 }
-.qd-service-table[data-v-75599918] .t-table__filter-pop-content-inner {
+.qd-service-table[data-v-ea8063e2] .t-table__filter-pop-content-inner {
   padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s) 0;
 }
-.qd-service-table[data-v-75599918] .t-table__filter-pop-content-inner:has(.qd-service-table-filter-item) {
+.qd-service-table[data-v-ea8063e2] .t-table__filter-pop-content-inner:has(.qd-service-table-filter-item) {
   padding: 0;
 }
-.qd-service-table[data-v-75599918]  .t-table__filter-pop-content-inner:has(
+.qd-service-table[data-v-ea8063e2]  .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-75599918] .t-table__filter--bottom-buttons {
+.qd-service-table[data-v-ea8063e2] .t-table__filter--bottom-buttons {
   padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
 }
-.qd-service-table--mini[data-v-75599918] .t-table__filter-pop-content-inner {
+.qd-service-table--mini[data-v-ea8063e2] .t-table__filter-pop-content-inner {
   padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs) 0;
 }
-.qd-service-table--mini[data-v-75599918] .t-table__filter--bottom-buttons {
+.qd-service-table--mini[data-v-ea8063e2] .t-table__filter--bottom-buttons {
   padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs);
 }
-.qd-service-table--mini[data-v-75599918] .t-table__filter-pop-content-inner:has(.qd-service-table-filter-item) {
+.qd-service-table--mini[data-v-ea8063e2] .t-table__filter-pop-content-inner:has(.qd-service-table-filter-item) {
   padding: 0;
 }
-.qd-service-table--mini[data-v-75599918]  .t-table__filter-pop-content-inner:has(
+.qd-service-table--mini[data-v-ea8063e2]  .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-75599918] .qd-service-table-filter-item {
+.qd-service-table[data-v-ea8063e2] .qd-service-table-filter-item {
   width: 266px;
 }
-.qd-service-table[data-v-75599918] .qd-service-table-filter-item__search,
-.qd-service-table[data-v-75599918] .qd-service-table-filter-item__all,
-.qd-service-table[data-v-75599918] .qd-service-table-filter-item__options {
+.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 {
   padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s) 0;
 }
-.qd-service-table[data-v-75599918] .qd-service-table-filter-item__all {
+.qd-service-table[data-v-ea8063e2] .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-75599918] .qd-service-table-filter-item__options {
+.qd-service-table[data-v-ea8063e2] .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-75599918] .qd-service-table-filter-item__count {
+.qd-service-table[data-v-ea8063e2] .qd-service-table-filter-item__count {
   margin-left: var(--td-comp-margin-xs);
   color: var(--td-text-color-placeholder);
 }
-.qd-service-table[data-v-75599918] .qd-service-table-filter-item__cell {
+.qd-service-table[data-v-ea8063e2] .qd-service-table-filter-item__cell {
   pointer-events: none;
 }
-.qd-service-table[data-v-75599918] .qd-service-table-filter-item .t-checkbox,
-.qd-service-table[data-v-75599918] .qd-service-table-filter-item .t-radio {
+.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 {
   display: flex;
   align-items: center;
 }
-.qd-service-table[data-v-75599918] .qd-service-table-filter-item .t-checkbox__label,
-.qd-service-table[data-v-75599918] .qd-service-table-filter-item .t-radio__label {
+.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 {
   display: inline-flex;
   flex: 1 1 0;
   align-items: center;
   min-width: 0;
   overflow: hidden;
 }
-.qd-service-table--mini[data-v-75599918] .qd-service-table-filter-item__search {
+.qd-service-table--mini[data-v-ea8063e2] .qd-service-table-filter-item__search {
   padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs) 0;
 }
-.qd-service-table--mini[data-v-75599918] .qd-service-table-filter-item__all,
-.qd-service-table--mini[data-v-75599918] .qd-service-table-filter-item__options {
+.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 {
   padding: 0 var(--td-comp-paddingLR-xs);
 }

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-75599918"]]);
+const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ea8063e2"]]);
 export {
   QdServiceTable as default
 };

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

@@ -35,6 +35,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     rowKey: {},
     size: {},
     selectType: {},
+    activeRowType: {
+      type: [String, Boolean]
+    },
+    cellSelectable: {
+      type: Boolean
+    },
     reserveSelectedRowOnFilter: {
       type: Boolean
     },
@@ -183,7 +189,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     },
     activeRowKeys: {},
     defaultActiveRowKeys: {},
-    activeRowType: {},
     allowResizeColumnWidth: {
       type: Boolean
     },
@@ -339,8 +344,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     emit: __emit
   }) {
     useCssVars((_ctx) => ({
-      "v298ee7ef": affixedHeaderTransform.value,
-      "v668d03b8": expandedRowWidth.value
+      "f537ab38": affixedHeaderTransform.value,
+      "v787afc59": expandedRowWidth.value
     }));
     const props = __props;
     const emit = __emit;
@@ -399,6 +404,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const activeEditingCell = shallowRef();
     const autofocusEditingCell = shallowRef();
     const selectedCell = shallowRef();
+    const selectedCells = shallowRef([]);
+    const selectedCellAnchor = shallowRef();
+    const handledSelectionEvents = /* @__PURE__ */ new WeakSet();
+    const selectionExcludedColKeys = /* @__PURE__ */ new Set(["expand", "drag"]);
     const editingCellValidationErrors = shallowRef(/* @__PURE__ */ new Map());
     const expandedRowProxyMap = /* @__PURE__ */ new WeakMap();
     let dataChangePending = false;
@@ -407,6 +416,7 @@ 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 parentAddBeforeSubmitQueue = inject(PROVIDE_FORM_ADD_BEFORE_SUBMIT_QUEUE, void 0);
     const beforeSubmitQueueMap = /* @__PURE__ */ new Map();
     const editingCellValidationVersions = /* @__PURE__ */ new Map();
@@ -794,7 +804,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           };
         }
       }
-      const reSelectOnRowClick = selectOnRowClick ?? (onRowClick ? void 0 : !expandOnRowClick && !reTree?.expandTreeNodeOnClick);
       const reOnScroll = (params) => {
         onScroll?.(params);
         const target = params.e.target;
@@ -892,7 +901,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         tableOptions: {
           ...reTableOptions,
           filterRow: showFilterResult ? reTableOptions.filterRow : null,
-          selectOnRowClick: reSelectOnRowClick,
+          // 行高亮随单元格选中统一驱动（syncSelectedRowKeysFromCells 同步 activeRowKeys），
+          // 置空关闭 TDesign 行点击/键盘的原生高亮，避免双重写入打架
+          activeRowType: "",
+          // 行选中由单元格选中驱动或业务自控，TDesign 行点击 toggle 一律关闭
+          selectOnRowClick: false,
           expandOnRowClick,
           tree: reTree,
           editableCellState: reEditableCellState,
@@ -1243,8 +1256,91 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return !!findEditingCell(row, colKey);
     }
     function isSelectedCell(row, colKey) {
-      if (!selectedCell.value) return false;
-      return getRowValue(selectedCell.value.row) === getRowValue(row) && selectedCell.value.colKey === colKey;
+      return selectedCells.value.some((item) => getRowValue(item.row) === getRowValue(row) && item.colKey === 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 fromCol = columns.findIndex((col) => col.colKey === anchor.colKey);
+      const toCol = columns.findIndex((col) => col.colKey === target.colKey);
+      const rows = data.value;
+      const fromRow = rows.findIndex((row) => getRowValue(row) === getRowValue(anchor.row));
+      const toRow = rows.findIndex((row) => getRowValue(row) === getRowValue(target.row));
+      if (fromCol < 0 || toCol < 0 || fromRow < 0 || toRow < 0) return [target];
+      const [rowStart, rowEnd] = fromRow <= toRow ? [fromRow, toRow] : [toRow, fromRow];
+      const [colStart, colEnd] = fromCol <= toCol ? [fromCol, toCol] : [toCol, fromCol];
+      const colKeys = columns.slice(colStart, colEnd + 1).map((col) => col.colKey);
+      return rows.slice(rowStart, rowEnd + 1).flatMap((row) => colKeys.map((colKey) => ({
+        row,
+        colKey
+      })));
+    }
+    function isRowSelectDisabled(row, rowIndex) {
+      const selectColumn = adaptedColumns.value.find((col) => col.type === "single" || col.type === "multiple");
+      if (!selectColumn) return false;
+      const context = {
+        row,
+        rowIndex
+      };
+      const disabled = typeof selectColumn.disabled === "function" ? selectColumn.disabled(context) : selectColumn.disabled;
+      const checkProps = typeof selectColumn.checkProps === "function" ? selectColumn.checkProps(context) : selectColumn.checkProps;
+      return !!disabled || !!checkProps?.disabled;
+    }
+    function syncSelectedRowKeysFromCells() {
+      const rowKeys = [];
+      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);
+      }
+      selectedRowKeys.value = rowKeys;
+      if (props.activeRowType) activeRowKeys.value = rowKeys;
+    }
+    function pruneDisabledSelectedRows(newData) {
+      if (!selectedRowKeys.value.length) return;
+      const next = selectedRowKeys.value.filter((key) => {
+        const rowIndex = newData.findIndex((row) => getRowValue(row) === key);
+        if (rowIndex < 0) return true;
+        return !isRowSelectDisabled(newData[rowIndex], rowIndex);
+      });
+      if (next.length === selectedRowKeys.value.length) return;
+      selectedRowKeys.value = next;
+    }
+    function isCellSelectableColumn(column) {
+      if (selectionExcludedColKeys.has(String(column.colKey))) return false;
+      if (column.type === "single" || column.type === "multiple") return false;
+      return column.cellSelectable ?? String(column.colKey) !== "operation";
+    }
+    function applyCellSelection(cell, event) {
+      const column = adaptedColumns.value.find((col) => col.colKey === cell.colKey);
+      if (!column || !isCellSelectableColumn(column)) return;
+      if (event?.metaKey || event?.ctrlKey) {
+        const exists = selectedCells.value.some((item) => isSameEditingCell(item, cell));
+        const rest = selectedCells.value.filter((item) => !isSameEditingCell(item, cell));
+        selectedCells.value = exists ? rest : [...rest, cell];
+        selectedCell.value = selectedCells.value.at(-1);
+        selectedCellAnchor.value = cell;
+        syncSelectedRowKeysFromCells();
+        return;
+      }
+      if (event?.shiftKey && selectedCellAnchor.value) {
+        document.getSelection()?.removeAllRanges();
+        selectedCells.value = expandSelectedCellRange(selectedCellAnchor.value, cell);
+        selectedCell.value = cell;
+        syncSelectedRowKeysFromCells();
+        return;
+      }
+      selectedCells.value = [cell];
+      selectedCell.value = cell;
+      selectedCellAnchor.value = cell;
+      syncSelectedRowKeysFromCells();
     }
     function resolveFormItemLazy(column) {
       const formItem = column.formItem;
@@ -1342,10 +1438,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function handleCellClick(context) {
       const column = context.col;
-      selectedCell.value = {
+      const cell = {
         row: context.row,
         colKey: column.colKey
       };
+      if (!handledSelectionEvents.has(context.e)) applyCellSelection(cell, context.e);
+      if (hasSelectionModifier(context.e)) return;
       if (tableReadonly.value) return;
       if (column.formItem) {
         const editingCell = findEditingCell(context.row, column.colKey);
@@ -1386,17 +1484,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function handleDocumentKeydown(event) {
       if (!activated.value) return;
       if (event.key !== "Escape" || event.defaultPrevented) return;
-      if (!activeEditingCell.value && !selectedCell.value) 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")) {
         return;
       }
+      const hasCellSelection = !!selectedCell.value || selectedCells.value.length > 0;
       selectedCell.value = void 0;
+      selectedCells.value = [];
+      if (hasCellSelection) {
+        selectedRowKeys.value = [];
+        if (props.activeRowType) activeRowKeys.value = [];
+      }
       exitActiveEditingCell();
     }
     function handleDocumentClick(event) {
       if (!activated.value) return;
-      if (!editingCells.value.length && !selectedCell.value) return;
+      if (!editingCells.value.length && !selectedCell.value && !selectedCells.value.length) return;
       const hasVisibleDialog = Array.from(document.querySelectorAll(".t-dialog")).some((element) => element.getClientRects().length);
       const hasVisibleDrawer = Array.from(document.querySelectorAll(".t-drawer")).some((element) => element.classList.contains("t-drawer--open") || element.getAnimations({
         subtree: true
@@ -1405,6 +1509,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const insideInteractiveArea = event.composedPath().some((target) => target instanceof Element && target.matches("td, .t-popup, .qd-dialog, .t-dialog, .t-drawer, .t-image-viewer, .qd-multi-file-viewer, [data-popper-placement]"));
       if (insideInteractiveArea) return;
       selectedCell.value = void 0;
+      selectedCells.value = [];
       void exitAllEditingCells();
     }
     function getFirstValidationError(results) {
@@ -1986,17 +2091,18 @@ 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" && isSelectedCell(context.row, column.colKey) ? "qd-service-table__selected-cell" : "";
+        const selectedCellClass = (context) => context.type === "td" && reCellSelectable.value && isSelectedCell(context.row, column.colKey) ? "qd-service-table__selected-cell" : "";
         const finalizeColumn = (col) => {
           const previousAttrs = col.attrs;
           col.attrs = (context) => ({
             ...typeof previousAttrs === "function" ? previousAttrs(context) : previousAttrs,
-            onClickCapture: () => {
+            onClickCapture: (event) => {
               if (context.type !== "td") return;
-              selectedCell.value = {
+              handledSelectionEvents.add(event);
+              applyCellSelection({
                 row: context.row,
                 colKey: column.colKey
-              };
+              }, event);
             }
           });
           return col;
@@ -2344,7 +2450,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(expandedTreeNodes, adjustScrollWhenTreeExpanded, {
       flush: "post"
     });
-    watch(data, pruneCellValidationErrors);
+    watch(data, (newData) => {
+      pruneCellValidationErrors(newData);
+      pruneDisabledSelectedRows(newData);
+    });
     watch(tableContentVisible, (visible, _old, onCleanup) => {
       clearAffixFallbackTimer();
       if (!visible) return;

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

@@ -14,6 +14,7 @@ export declare const qdServiceTableProps: {
     readonly readonly: undefined;
     readonly lazyForm: true;
     readonly editCellValidationBlock: "error";
+    readonly cellSelectable: undefined;
     readonly rowKey: "id";
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;

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

@@ -13,6 +13,7 @@ const qdServiceTableProps = {
   readonly: void 0,
   lazyForm: true,
   editCellValidationBlock: "error",
+  cellSelectable: void 0,
   rowKey: "id",
   expandIcon: true,
   selectOnRowClick: void 0,

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

@@ -11,6 +11,7 @@ export type QdServiceTableScroll = NonNullable<TdEnhancedTableProps['scroll']> &
 export interface QdServiceTableCol<D extends TableRowData = TableRowData> extends Omit<TDesignServiceTableCol<D>, 'children' | 'foot'> {
     children?: QdServiceTableCol<D>[];
     foot?: string | TNode<BaseTableCellParams<D>>;
+    cellSelectable?: boolean;
     filterItem?: true | QdServiceTableFilterItem;
     formItem?: QdServiceTableFormItem;
 }
@@ -71,11 +72,13 @@ export interface QdServiceTableSubmitRowContext<D extends TableRowData = TableRo
     showErrorMessage: boolean;
     rowData?: D;
 }
-export interface QdServiceTableProps<D extends TableRowData = TableRowData, R = unknown, P = ServicePageParams, TP = P, Pag extends ServicePagination = QdServiceTablePagination> extends Omit<TdEnhancedTableProps<D>, 'columns' | 'rowKey' | 'pagination' | 'tree' | 'lazyLoad' | 'scroll' | 'size'>, ServicePaginationOptions<D, R, P, TP, Pag> {
+export interface QdServiceTableProps<D extends TableRowData = TableRowData, R = unknown, P = ServicePageParams, TP = P, Pag extends ServicePagination = QdServiceTablePagination> extends Omit<TdEnhancedTableProps<D>, 'columns' | 'rowKey' | 'pagination' | 'tree' | 'lazyLoad' | 'scroll' | 'size' | 'activeRowType'>, ServicePaginationOptions<D, R, P, TP, Pag> {
     columns?: QdServiceTableCol<D>[];
     rowKey?: string;
     size?: TdEnhancedTableProps<D>['size'] | 'mini';
     selectType?: 'single' | 'multiple';
+    activeRowType?: 'single' | 'multiple' | false;
+    cellSelectable?: boolean;
     reserveSelectedRowOnFilter?: boolean;
     headerBg?: boolean;
     showFilterResult?: boolean;

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

@@ -66,6 +66,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     },
     cacheColumnsKey: {},
     columns: {},
+    cellSelectable: {
+      type: Boolean
+    },
     reserveSelectedRowOnFilter: {
       type: Boolean
     },

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

@@ -42,6 +42,7 @@ export declare const qdServiceDialogTableSelectProps: {
     readonly emptyImage: true;
     readonly lazyForm: true;
     readonly editCellValidationBlock: "error";
+    readonly cellSelectable: undefined;
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;
     readonly bordered: undefined;

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

@@ -80,6 +80,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     },
     cacheColumnsKey: {},
     columns: {},
+    cellSelectable: {
+      type: Boolean
+    },
     reserveSelectedRowOnFilter: {
       type: Boolean
     },

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

@@ -17,6 +17,7 @@ export declare const qdServiceDialogTabsTableSelectProps: {
     readonly emptyImage: true;
     readonly lazyForm: true;
     readonly editCellValidationBlock: "error";
+    readonly cellSelectable: undefined;
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;
     readonly bordered: undefined;

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

@@ -56,6 +56,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     },
     cacheColumnsKey: {},
     columns: {},
+    cellSelectable: {
+      type: Boolean
+    },
     reserveSelectedRowOnFilter: {
       type: Boolean
     },

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

@@ -16,6 +16,7 @@ export declare const qdServicePopupTableSelectProps: {
     readonly emptyImage: true;
     readonly lazyForm: true;
     readonly editCellValidationBlock: "error";
+    readonly cellSelectable: undefined;
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;
     readonly bordered: undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qidian-vue-ui",
-  "version": "2.0.57",
+  "version": "2.0.59",
   "description": "基于 TDesign 的 QiDian Vue UI 组件库",
   "author": "qidian",
   "license": "MIT",