@zhenliang/sheet 0.1.44 → 0.1.46

package/dist/core/config.d.ts

@@ -11,3 +11,5 @@ export declare const Z_KEY = 90;
 export declare const C_KEY = 67;
 export declare const V_KEY = 86;
 export declare const X_KEY = 88;
+export declare const A_KEY = 65;
+export declare const Y_KEY = 89;

package/dist/core/config.js

@@ -10,4 +10,6 @@ export var BACKSPACE_KEY = 8;
 export var Z_KEY = 90;
 export var C_KEY = 67;
 export var V_KEY = 86;
-export var X_KEY = 88;
+export var X_KEY = 88;
+export var A_KEY = 65;
+export var Y_KEY = 89;

package/dist/core/reducers/index.d.ts

@@ -1,5 +1,5 @@
 import type { SheetType } from "../../type";
-export type SheetAction = 'change' | 'changes' | 'rowMove' | 'colMove' | 'editFinish' | 'pushHistory' | 'popHistory' | 'selectRow' | 'select' | 'clearSelect' | 'clearSelectIfNotSingleRow' | 'clearEdit' | 'mouseDown' | 'mouseOver' | 'mouseUp' | 'loseFocus' | 'doubleClick' | 'mouseLeaveInterval' | 'move' | 'escape' | 'reverse' | 'delete' | 'enter' | 'otherInput' | 'none';
+export type SheetAction = 'change' | 'changes' | 'rowMove' | 'colMove' | 'editFinish' | 'pushHistory' | 'popHistory' | 'select' | 'clearSelect' | 'clearSelectIfNotSingleRow' | 'clearEdit' | 'mouseDown' | 'mouseOver' | 'mouseUp' | 'selectRow' | 'selectCol' | 'loseFocus' | 'doubleClick' | 'mouseLeaveInterval' | 'move' | 'selectAll' | 'escape' | 'reverse' | 'delete' | 'enter' | 'otherInput' | 'none';
 export type reducerAction = (type: Partial<SheetType.UpdateStateType>, payload?: unknown) => Partial<SheetType.UpdateStateType>;
 declare const sheetReducer: (state: Partial<SheetType.UpdateStateType>, action: {
     type: SheetAction;

package/dist/core/reducers/index.js

@@ -10,7 +10,6 @@ var sheetReducer = function sheetReducer(state, action) {
     case 'editFinish':
     case 'pushHistory':
     case 'popHistory':
-    case 'selectRow':
     case 'select':
     case 'clearSelect':
     case 'clearSelectIfNotSingleRow':
@@ -22,12 +21,15 @@ var sheetReducer = function sheetReducer(state, action) {
     case 'loseFocus':
     case 'doubleClick':
     case 'mouseLeaveInterval':
+    case 'selectRow':
+    case 'selectCol':
       return mouseReducer[action.type](state, action.payload);
     case 'move':
     case 'escape':
     case 'reverse':
     case 'delete':
     case 'enter':
+    case 'selectAll':
     case 'otherInput':
       return keyboardReducer[action.type](state, action.payload);
     default:

package/dist/core/reducers/keyboardReducer.js

@@ -5,7 +5,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { isNil } from 'lodash';
-import { getNextVisibleRow, groupConfigToGroupMap } from "../util";
+import { getNextVisibleRow, groupConfigToGroupMap, stripRowIndex } from "../util";
 export var keyboardReducer = {
   move: function move(state, payload) {
     var _state$start, _state$start2;
@@ -90,5 +90,34 @@ export var keyboardReducer = {
   otherInput: function otherInput(state, payload) {
     if (state.editing) return state;
     return keyboardReducer.enter(state, payload);
+  },
+  selectAll: function selectAll(state) {
+    var _state$data2 = state.data,
+      data = _state$data2 === void 0 ? [] : _state$data2;
+    var lastEditing;
+    if (state.editing) {
+      lastEditing = _objectSpread(_objectSpread({}, state.editing), {}, {
+        confirm: true
+      });
+    }
+    var _stripRowIndex = stripRowIndex(data),
+      startIndex = _stripRowIndex.startIndex,
+      endIndex = _stripRowIndex.endIndex;
+    return _objectSpread(_objectSpread({}, state), {}, {
+      start: {
+        row: 0,
+        col: startIndex
+      },
+      end: {
+        row: data.length - 1,
+        col: endIndex
+      },
+      lastSelected: {
+        start: state.start,
+        end: state.end
+      },
+      editing: undefined,
+      lastEditing: lastEditing
+    });
   }
 };

package/dist/core/reducers/mouseReducer.js

@@ -4,6 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { stripRowIndex } from "../util";
 export var mouseReducer = {
   mouseDown: function mouseDown(state, payload) {
     var _ref = payload,
@@ -14,6 +15,11 @@ export var mouseReducer = {
     var data = state.data,
       start = state.start,
       end = state.end;
+    if ((data === null || data === void 0 ? void 0 : data[row][col].dataIndex) === 'index') {
+      return mouseReducer.selectRow(state, {
+        row: row
+      });
+    }
     if (data !== null && data !== void 0 && data[row][col].fixed) {
       return _objectSpread(_objectSpread({}, state), {}, {
         start: undefined,
@@ -160,5 +166,65 @@ export var mouseReducer = {
     return _objectSpread(_objectSpread({}, state), {}, {
       end: end
     });
+  },
+  selectRow: function selectRow(state, payload) {
+    var _ref6 = payload,
+      row = _ref6.row;
+    var _state$data = state.data,
+      data = _state$data === void 0 ? [] : _state$data;
+    var lastEditing;
+    var _stripRowIndex = stripRowIndex(data),
+      startIndex = _stripRowIndex.startIndex,
+      endIndex = _stripRowIndex.endIndex;
+    if (state.editing) {
+      lastEditing = _objectSpread(_objectSpread({}, state.editing), {}, {
+        confirm: true
+      });
+    }
+    return _objectSpread(_objectSpread({}, state), {}, {
+      start: {
+        row: row,
+        col: startIndex
+      },
+      end: {
+        row: row,
+        col: endIndex
+      },
+      lastSelected: {
+        start: state.start,
+        end: state.end
+      },
+      editing: undefined,
+      lastEditing: lastEditing
+    });
+  },
+  selectCol: function selectCol(state, payload) {
+    var _ref7 = payload,
+      col = _ref7.col,
+      colSpan = _ref7.colSpan;
+    var _state$data2 = state.data,
+      data = _state$data2 === void 0 ? [] : _state$data2;
+    var lastEditing;
+    if (state.editing) {
+      lastEditing = _objectSpread(_objectSpread({}, state.editing), {}, {
+        confirm: true
+      });
+    }
+    return _objectSpread(_objectSpread({}, state), {}, {
+      start: {
+        row: 0,
+        col: col
+      },
+      end: {
+        row: data.length - 1,
+        col: col + (colSpan > 1 ? colSpan - 1 : 0)
+      },
+      lastSelected: {
+        start: state.start,
+        end: state.end
+      },
+      editing: undefined,
+      lastEditing: lastEditing
+    });
   }
 };

package/dist/core/reducers/sideEffectReducer.js

@@ -58,6 +58,18 @@ export var sideEffectReducer = {
         });
       }
     });
+    eventBus.on("row-select", function (value) {
+      dispatch({
+        type: 'selectRow',
+        payload: value
+      });
+    });
+    eventBus.on("col-select", function (value) {
+      dispatch({
+        type: 'selectCol',
+        payload: value
+      });
+    });
   },
   destroy: function destroy(d, getState) {
     var _getState4 = getState(),

package/dist/core/sheet/Cell.d.ts

@@ -1,4 +1,4 @@
 import type { SheetType } from "../../type";
 import React from 'react';
-declare const _default: React.MemoExoticComponent<(props: SheetType.CellProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: SheetType.CellProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/core/sheet/DefaultCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SheetType } from "../../type";
 declare const DefaultCell: (props: {
     cell: SheetType.Cell;
@@ -8,5 +7,5 @@ declare const DefaultCell: (props: {
     className: string;
     style: Record<string, string>;
     children: React.ReactElement;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default DefaultCell;

package/dist/core/sheet/DefaultCell.js

@@ -20,7 +20,7 @@ var DefaultCell = function DefaultCell(props) {
   return /*#__PURE__*/_jsx("td", _objectSpread(_objectSpread({
     "data-row": row,
     "data-col": col,
-    className: classNames(className, cell.fixed && 'fixed', cell.fixed && "fixed-".concat(cell.fixed)),
+    className: classNames(className, cell.fixed && 'fixed', cell.fixed && "fixed-".concat(cell.fixed), cell.dataIndex === 'index' ? "index" : null),
     colSpan: colSpan,
     rowSpan: rowSpan,
     style: style

package/dist/core/sheet/index.js

@@ -6,7 +6,6 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 // import ReduxLogger from 'redux-logger';
-import cls from 'classnames';
 import ReduxThunk from 'redux-thunk';
 import DefaultRow from "./DefaultRow";
 import DefaultShell from "./DefaultShell";
@@ -239,10 +238,7 @@ var Sheet = function Sheet(props) {
       children: [/*#__PURE__*/_jsxs("span", {
         ref: sheetWrapperRef,
         tabIndex: 0,
-        className: classNames('harvest harvest-sheet-container', className, cls({
-          tableWarpScroll: hasHorizontalScrollbar && boldScroll,
-          hideColBar: hideColBar
-        })),
+        className: classNames('harvest harvest-sheet-container', className, hasHorizontalScrollbar && boldScroll ? 'tableWarpScroll' : null, hideColBar ? 'hideColBar' : null),
         style: {
           maxHeight: (_scroll$y = scroll === null || scroll === void 0 ? void 0 : scroll.y) !== null && _scroll$y !== void 0 ? _scroll$y : memoHeight,
           width: (_scroll$x = scroll === null || scroll === void 0 ? void 0 : scroll.x) !== null && _scroll$x !== void 0 ? _scroll$x : '100%'

package/dist/core/sheet/index.less

@@ -10,7 +10,7 @@
   &::-webkit-scrollbar {
     display: none;
   }
-  
+
   &:hover {
     &::-webkit-scrollbar {
       display: block;
@@ -22,24 +22,25 @@
       height: 10px;
       border-bottom: 10px solid #fff;
     }
-  
+
   }
-  
+
 }
 
-.harvest-sheet-container{
+.harvest-sheet-container {
   display: block;
-  position:  relative ;
+  position: relative;
   // scroll-behavior:smooth;
   overflow: auto;
 }
 
-.harvest-sheet-container .header{
+.harvest-sheet-container .header {
   z-index: 2;
-  
+
 }
 
-span.harvest-sheet-container, span.harvest-sheet-container:focus {
+span.harvest-sheet-container,
+span.harvest-sheet-container:focus {
   outline: none;
 }
 
@@ -47,33 +48,33 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
   width: calc(100% - 1px);
   border-collapse: collapse;
   table-layout: fixed;
-  
-  tr{
-    height:var(--row-height);
 
-    th.cell-title{
+  tr {
+    height: var(--row-height);
+
+    th.cell-title {
       line-height: var(--row-height);
       border-bottom: 1px solid transparent;
     }
 
-    td{
+    td {
       line-height: var(--row-height);
     }
-    
-    &:last-of-type{
-      .td{
-      border-bottom: 1px solid transparent;
+
+    &:last-of-type {
+      .td {
+        border-bottom: 1px solid transparent;
       }
 
     }
   }
 
-} 
+}
 
 .harvest-sheet-container .harvest-sheet .cell {
   height: 17px;
   font-size: var(--cell-font-size);
-  padding:var(--cell-padding-vertical) var(--cell-padding-horizontal) var(--cell-padding-vertical) var(--cell-padding-horizontal);
+  padding: var(--cell-padding-vertical) var(--cell-padding-horizontal) var(--cell-padding-vertical) var(--cell-padding-horizontal);
   border: 1px solid var(--cell-border-color);
   background-color: var(--cell-background-color);
   cursor: cell;
@@ -83,20 +84,20 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
   vertical-align: bottom;
   position: relative;
 
-} 
+}
 
 
-.harvest-sheet-container .harvest-sheet .cell.fixed{
+.harvest-sheet-container .harvest-sheet .cell.fixed {
   position: sticky;
   z-index: 2;
 
-  &.cell-title{
+  &.cell-title {
     z-index: 3;
 
   }
-  
-  
-  &::before{
+
+
+  &::before {
     position: absolute;
     top: -1px;
     left: 0;
@@ -106,7 +107,7 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
     content: "";
   }
 
-  &.fixed-left::after{
+  &.fixed-left::after {
     position: absolute;
     top: 0;
     bottom: -1px;
@@ -120,12 +121,12 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
     box-shadow: var(--cell-fixed-box-shadow-left);
   }
 
-  
-  &.fixed-right{
+
+  &.fixed-right {
     transform: translateX(1px);
   }
 
-  &.fixed-right::after{
+  &.fixed-right::after {
     position: absolute;
     top: 0;
     bottom: -1px;
@@ -141,15 +142,16 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
 
   }
 
-  &.fixed-unset{
+  &.fixed-unset {
     position: unset;
   }
 }
 
 
+
 .harvest-sheet-container .harvest-sheet .cell.selected {
-  border:1px double;
-  border-color:var(--cell-border-color);
+  border: 1px double;
+  border-color: var(--cell-border-color);
   box-shadow: var(--cell-box-shadow);
 }
 
@@ -157,35 +159,36 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
   box-shadow: none;
 }
 
-.harvest-sheet-container .harvest-sheet .cell.selected-top{
+.harvest-sheet-container .harvest-sheet .cell.selected-top {
   border-top-color: var(--resizer);
   border-top-width: 1px;
 }
 
-.harvest-sheet-container .harvest-sheet .cell.selected-left{
+.harvest-sheet-container .harvest-sheet .cell.selected-left {
   border-left-color: var(--resizer);
-  border-left-width:1px;
- }
+  border-left-width: 1px;
+}
 
-.harvest-sheet-container .harvest-sheet .cell.selected-bottom{
+.harvest-sheet-container .harvest-sheet .cell.selected-bottom {
   border-bottom-color: var(--resizer);
-  border-bottom-width:1px;
+  border-bottom-width: 1px;
 }
 
-.harvest-sheet-container .harvest-sheet .cell.selected-right{
+.harvest-sheet-container .harvest-sheet .cell.selected-right {
   border-right-color: var(--resizer);
-  border-right-width:1px;
+  border-right-width: 1px;
 }
 
 
-.harvest-sheet-container .harvest-sheet .cell.sheet-control{
+.harvest-sheet-container .harvest-sheet .cell.sheet-control {
   border-right: 1px solid transparent;
-  background: var(--cell-background-color) ;
-  color:var(--read-color);
+  background: var(--cell-background-color);
+  color: var(--read-color);
 
-  &.read-only{
-  border-right: 1px solid var(--cell-title-background-color);
+  &.read-only {
+    border-right: 1px solid var(--cell-title-background-color);
   }
+
   // position: relative !important;
 }
 
@@ -196,35 +199,39 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
   cursor: not-allowed;
 }
 
+.harvest-sheet-container .harvest-sheet .cell.index {
+  cursor: e-resize;
+}
+
 
-.harvest-sheet-container .harvest-sheet .cell-title.sheet-control{
+.harvest-sheet-container .harvest-sheet .cell-title.sheet-control {
   border-right: 1px solid var(--cell-title-background-color);
 }
 
-.harvest-sheet-container .harvest-sheet .cell.cell-title{
-  background-color: var(--cell-title-background-color);
-  
-  &:hover{
+.harvest-sheet-container .harvest-sheet .cell.cell-title {
   background-color: var(--cell-title-background-color);
 
+  &:hover {
+    background-color: var(--cell-title-background-color);
+
   }
 }
 
 
-.harvest-sheet-container .harvest-sheet .cell:not(.cell.read-only):hover{
+.harvest-sheet-container .harvest-sheet .cell:not(.cell.read-only):hover {
   background-color: var(--cell-hover);
 }
 
 
 
-.harvest-sheet-container .harvest-sheet .cell > .text {
+.harvest-sheet-container .harvest-sheet .cell>.text {
   overflow: hidden;
   padding: 2px 5px;
   text-overflow: ellipsis;
 }
 
 
-.harvest-sheet-container .harvest-sheet .cell > input {
+.harvest-sheet-container .harvest-sheet .cell>input {
   display: block;
   width: calc(100% - 6px);
   font-size: var(--cell-font-size);
@@ -232,7 +239,7 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
   border: 2px solid rgb(33, 133, 208);
   background: none;
   outline: none !important;
-  text-align:inherit;
+  text-align: inherit;
 }
 
 .harvest-sheet-container .harvest-sheet .cell,
@@ -262,49 +269,50 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
   white-space: nowrap;
 }
 
-.harvest-sheet-container .harvest-sheet .cell .value-viewer{
+.harvest-sheet-container .harvest-sheet .cell .value-viewer {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.harvest-sheet-container .harvest-sheet .cell .value-viewer, .harvest-sheet-container .harvest-sheet .cell .data-editor {
+.harvest-sheet-container .harvest-sheet .cell .value-viewer,
+.harvest-sheet-container .harvest-sheet .cell .data-editor {
   display: block;
   font-size: var(--cell-font-size);
-  line-height:var(--cell-inner-height) ;
-  height:var(--cell-inner-height) ; 
-  padding:0
+  line-height: var(--cell-inner-height);
+  height: var(--cell-inner-height);
+  padding: 0
 }
 
 .harvest-sheet-container .harvest-sheet .cell .data-editor {
-  border:none;
+  border: none;
   border-radius: none;
-  height:var(--cell-inner-height);
+  height: var(--cell-inner-height);
 }
 
 
 
-.harvest-sheet-container .harvest-menu{
+.harvest-sheet-container .harvest-menu {
   background-color: white;
   position: fixed;
   z-index: 3;
   box-shadow: 0 3px 12px 2px rgba(31, 35, 41, 10%);
 
-  .harvest-menu-item{
+  .harvest-menu-item {
     margin: 1px 3px;
     padding: 4px 8px;
     cursor: pointer;
     font-size: 14px;
     line-height: 22px;
 
-    &:hover{
+    &:hover {
       background-color: rgba(31, 35, 41, 5%)
     }
   }
 
 }
 
-.harvest-sheet-control{
+.harvest-sheet-control {
   position: relative;
   z-index: 3;
   bottom: 0;
@@ -312,7 +320,7 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
   background-color: white;
 }
 
-.harvest-sheet-control .back-edit{
+.harvest-sheet-control .back-edit {
   padding: 5px 8px;
   margin: 1px;
   height: 30px;
@@ -323,12 +331,12 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
   justify-content: center;
   position: absolute;
   z-index: 4;
-  border:1px solid #D8DFEB;
-  border-radius:2px;
+  border: 1px solid #D8DFEB;
+  border-radius: 2px;
 }
 
 :global {
-  .ant-empty-description{
+  .ant-empty-description {
     color: #A4A9B2;
   }
 }

package/dist/core/sheet/useKeyBoardEvent.js

@@ -21,6 +21,12 @@ export var useKeyBoardEvent = function useKeyBoardEvent(dispatch, elementRef) {
         });
       }
     },
+    selectAll: function selectAll(e) {
+      e.preventDefault();
+      dispatch({
+        type: 'selectAll'
+      });
+    },
     escape: function escape() {
       dispatch({
         type: 'escape'

package/dist/core/shell/draggableShell/index.js

@@ -9,7 +9,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { createElement, useEffect, useMemo, useRef } from 'react';
-import { useSetState, useWidth } from "../../../hooks";
+import { useSetState, useSheetEvent, useWidth } from "../../../hooks";
 import { classNames } from "../../util";
 import { CheckViewer } from "../../viewer/checkViewer";
 import { GroupViewer } from "../../viewer/groupViewer";
@@ -36,6 +36,7 @@ export var DraggableShell = function DraggableShell(_ref) {
     var _useWidth = useWidth(),
       contextWidths = _useWidth.widths,
       contextSetWidth = _useWidth.onChange;
+    var eventBus = useSheetEvent();
     var setWidth = contextSetWidth || _setWidth;
     var widths = contextWidths || _widths;
     var hasControl = showGroup || showSelect;
@@ -70,6 +71,17 @@ export var DraggableShell = function DraggableShell(_ref) {
         ((_item$titleConfig = item.titleConfig) === null || _item$titleConfig === void 0 ? void 0 : _item$titleConfig.colSpan) !== 0 && ths.push( /*#__PURE__*/_jsx("th", {
           className: classNames('cell', 'cell-title', 'read-only', item.fixed && 'fixed', item.fixed && "fixed-".concat(item.fixed), (_item$titleConfig2 = item.titleConfig) === null || _item$titleConfig2 === void 0 ? void 0 : _item$titleConfig2.className),
           colSpan: (_item$titleConfig3 = item.titleConfig) === null || _item$titleConfig3 === void 0 ? void 0 : _item$titleConfig3.colSpan,
+          onClick: function onClick(e) {
+            if (item.fixed) return;
+            var target = e.target;
+            if (e.nativeEvent.offsetX <= target.offsetWidth - 8) {
+              var _item$titleConfig4;
+              eventBus.emit('col-select', {
+                col: hasControl ? index + 1 : index,
+                colSpan: (_item$titleConfig4 = item.titleConfig) === null || _item$titleConfig4 === void 0 ? void 0 : _item$titleConfig4.colSpan
+              });
+            }
+          },
           style: {
             textAlign: (_ref3 = item.align) !== null && _ref3 !== void 0 ? _ref3 : 'unset',
             left: item.fixed === 'left' ? 0 : 'unset',
@@ -82,6 +94,7 @@ export var DraggableShell = function DraggableShell(_ref) {
               downRef.current.mouseDown = true;
               downRef.current.oldX = e.nativeEvent.x;
               downRef.current.oldWidth = downRef.current.offsetWidth;
+              e.preventDefault();
             } else {
               downRef.current = null;
             }
@@ -91,7 +104,7 @@ export var DraggableShell = function DraggableShell(_ref) {
             if (e.nativeEvent.offsetX > target.offsetWidth - 8) {
               target.style.cursor = 'col-resize';
             } else {
-              target.style.cursor = 'default';
+              target.style.cursor = item.fixed ? 'default' : 's-resize';
             }
             //取出暂存的Table Cell
             if (downRef.current === undefined) downRef.current = target;
@@ -117,9 +130,9 @@ export var DraggableShell = function DraggableShell(_ref) {
       }
       var i = 0;
       columns.forEach(function (item, index) {
-        var _item$titleConfig4, _item$dataIndex2;
+        var _item$titleConfig5, _item$dataIndex2;
         var currentWidth = item.width || 'unset';
-        if (((_item$titleConfig4 = item.titleConfig) === null || _item$titleConfig4 === void 0 ? void 0 : _item$titleConfig4.colSpan) !== 0) {
+        if (((_item$titleConfig5 = item.titleConfig) === null || _item$titleConfig5 === void 0 ? void 0 : _item$titleConfig5.colSpan) !== 0) {
           currentWidth = widths[i] || item.width || 'unset';
           i++;
         }
@@ -147,12 +160,12 @@ export var DraggableShell = function DraggableShell(_ref) {
           var _downRef$current$oldW, _downRef$current$oldX;
           downRef.current.style.cursor = 'default';
           if (((_downRef$current$oldW = downRef.current.oldWidth) !== null && _downRef$current$oldW !== void 0 ? _downRef$current$oldW : 0) + (e.x - ((_downRef$current$oldX = downRef.current.oldX) !== null && _downRef$current$oldX !== void 0 ? _downRef$current$oldX : 0)) > 0) {
-            var _downRef$current$oldW2, _downRef$current$oldX2, _headRef$current, _columns$actualIndex$;
+            var _downRef$current$oldW2, _downRef$current$oldX2, _headRef$current, _columns$actualIndex;
             var newWidth = Math.max(Number(((_downRef$current$oldW2 = downRef.current.oldWidth) !== null && _downRef$current$oldW2 !== void 0 ? _downRef$current$oldW2 : 0) + (e.x - ((_downRef$current$oldX2 = downRef.current.oldX) !== null && _downRef$current$oldX2 !== void 0 ? _downRef$current$oldX2 : 0))), 50);
             var cellList = [].slice.call((_headRef$current = headRef.current) === null || _headRef$current === void 0 ? void 0 : _headRef$current.cells);
             var changeIndex = cellList.indexOf(downRef.current);
             var actualIndex = hasControl ? changeIndex - 1 : changeIndex;
-            var isDoubleSpan = (((_columns$actualIndex$ = columns[actualIndex].titleConfig) === null || _columns$actualIndex$ === void 0 ? void 0 : _columns$actualIndex$.colSpan) || 0) > 1;
+            var isDoubleSpan = (((_columns$actualIndex = columns[actualIndex]) === null || _columns$actualIndex === void 0 || (_columns$actualIndex = _columns$actualIndex.titleConfig) === null || _columns$actualIndex === void 0 ? void 0 : _columns$actualIndex.colSpan) || 0) > 1;
             var nextColumn = columns[actualIndex + 1] || {};
             var nextWidth = +String(nextColumn === null || nextColumn === void 0 ? void 0 : nextColumn.width).replace('px', '');
             //调整该列中的每个Cell

package/dist/core/shell/tableShell.js

@@ -3,6 +3,7 @@ import { classNames } from "../util";
 import { CheckViewer } from "../viewer/checkViewer";
 import { GroupViewer } from "../viewer/groupViewer";
 import "./draggableShell/index.less";
+import { useSheetEvent } from "../../hooks";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -14,6 +15,7 @@ export var TableShell = function TableShell(_ref) {
     controlProps = _ref.controlProps,
     _ref$controlWidth = _ref.controlWidth,
     controlWidth = _ref$controlWidth === void 0 ? 30 : _ref$controlWidth;
+  var eventBus = useSheetEvent();
   var TableShell = function TableShell(_ref2) {
     var children = _ref2.children;
     var thItems = useMemo(function () {
@@ -47,8 +49,14 @@ export var TableShell = function TableShell(_ref) {
         ((_item$titleConfig = item.titleConfig) === null || _item$titleConfig === void 0 ? void 0 : _item$titleConfig.colSpan) !== 0 && ths.push( /*#__PURE__*/_jsx("th", {
           className: classNames('cell', 'cell-title', 'read-only', item.fixed && 'fixed', item.fixed && "fixed-".concat(item.fixed)),
           colSpan: (_item$titleConfig2 = item.titleConfig) === null || _item$titleConfig2 === void 0 ? void 0 : _item$titleConfig2.colSpan,
+          onClick: function onClick() {
+            eventBus.emit('col-select', {
+              col: index
+            });
+          },
           style: {
             textAlign: (_ref3 = item.align) !== null && _ref3 !== void 0 ? _ref3 : 'unset',
+            cursor: 'e-resizer',
             left: item.fixed === 'left' ? 0 : 'unset',
             right: item.fixed === 'right' ? 0 : 'unset'
           },

package/dist/core/table/addButton.js

@@ -71,7 +71,7 @@ export var AddButton = function AddButton(props) {
     onClick: function onClick(e) {
       handleAdd && handleAdd();
     },
-    children: ["+ \u6DFB\u52A0", /*#__PURE__*/_jsx(Popover, {
+    children: ["+ \u6DFB\u52A0", _handleBatchAdd && /*#__PURE__*/_jsx(Popover, {
       open: open,
       onOpenChange: setOpen,
       trigger: ['click'],

package/dist/core/table/useGroupConfig.js

@@ -48,7 +48,6 @@ export var useGroupConfig = function useGroupConfig(dataSource, tableGroupConfig
         return computedRowGroup.groups[index].groupStart !== group.groupStart || computedRowGroup.groups[index].groupEnd !== group.groupEnd;
       });
       if (!notSameGroup) {
-        console.log(notSameGroup, rowGroup.groups, computedRowGroup);
         rowConfig = rowGroup;
       } else {
         var _tableGroupConfig$onC;

package/dist/core/util.d.ts

@@ -56,3 +56,7 @@ export declare const calcMenuPosition: ({ tableElement, menuElement, x, y, }: {
     top: number;
     left: number;
 };
+export declare const stripRowIndex: (data: SheetType.Cell[][]) => {
+    startIndex: number;
+    endIndex: number;
+};

package/dist/core/util.js

@@ -456,4 +456,23 @@ export var calcMenuPosition = function calcMenuPosition(_ref5) {
     top: top,
     left: left
   };
+};
+export var stripRowIndex = function stripRowIndex(data) {
+  if (!data.length || !data[0].length) return {
+    startIndex: 0,
+    endIndex: 0
+  };
+  var rowData = data[0];
+  var startIndex = 0,
+    endIndex = rowData.length - 1;
+  if (rowData[0].fixed && !rowData[0].editable) {
+    startIndex = 1;
+  }
+  if (rowData[rowData.length - 1].fixed && !rowData[0].editable) {
+    endIndex = rowData.length - 2;
+  }
+  return {
+    startIndex: startIndex,
+    endIndex: endIndex
+  };
 };

package/dist/example/valuationAnalyze.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/hooks/useKeyboard.d.ts

@@ -2,6 +2,7 @@ type KeyOrClipBoardEvent = (event: KeyboardEvent | ClipboardEvent, value?: any)
 type KeyboardHandler = {
     move: KeyOrClipBoardEvent;
     escape: KeyOrClipBoardEvent;
+    selectAll: KeyOrClipBoardEvent;
     delete: KeyOrClipBoardEvent;
     enter: KeyOrClipBoardEvent;
     otherInput: KeyOrClipBoardEvent;

package/dist/hooks/useKeyboard.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect } from 'react';
-import { BACKSPACE_KEY, C_KEY, DELETE_KEY, DOWN_KEY, ENTER_KEY, ESCAPE_KEY, LEFT_KEY, RIGHT_KEY, TAB_KEY, UP_KEY, V_KEY, X_KEY, Z_KEY } from "../core/config";
+import { A_KEY, BACKSPACE_KEY, C_KEY, DELETE_KEY, DOWN_KEY, ENTER_KEY, ESCAPE_KEY, LEFT_KEY, RIGHT_KEY, TAB_KEY, UP_KEY, V_KEY, X_KEY, Z_KEY } from "../core/config";
 import { isInputKey } from "../core/util";
 var ua = window.navigator.userAgent;
 var isIE = /MSIE|Trident/.test(ua);
@@ -56,6 +56,11 @@ export var useKeyBoard = function useKeyBoard(handler, listenElement) {
       handler.reverse(e);
       return;
     }
+    var isSelectAll = ctrlKeyPressed && keyCode === A_KEY;
+    if (isSelectAll) {
+      handler.selectAll(e);
+      return;
+    }
     var isCopy = ctrlKeyPressed && keyCode === C_KEY;
     if (isCopy && isIE) {
       handler.copy(e);

package/dist/type/sheet.d.ts

@@ -22,6 +22,7 @@ export type Cell = {
     record?: Record<string, unknown>;
     disableEvents?: boolean;
     dataEditor?: CellEditor;
+    dataIndex?: string;
     valueViewer?: CellViewer;
     className?: string;
     align?: CellAlign;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhenliang/sheet",
-  "version": "0.1.44",
+  "version": "0.1.46",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",