@zhenliang/sheet 0.2.5-beta.13 → 0.2.5-beta.14

package/dist/core/editor/InputOptionsEditor/keyEventEffect.js

@@ -8,7 +8,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import { useCallback, useMemo } from 'react';
-import { getCursorPositionInSpan, getSpanAtCursor, moveCursorToSpan } from "./utils";
+import { createSpan, getCursorPositionInSpan, getSpanAtCursor, moveCursorToSpan, SpanType } from "./utils";
 var useKeyEventEffect = function useKeyEventEffect(_ref) {
   var closeDorpDown = _ref.closeDorpDown,
     setOffsetX = _ref.setOffsetX,
@@ -55,7 +55,7 @@ var useKeyEventEffect = function useKeyEventEffect(_ref) {
   }, [closeDorpDown, setOffsetX, setOpen]);
   var handleKeyDown = useCallback(function (e) {
     var _currentSpan$textCont, _currentSpan$textCont2;
-    if (e.key === 'ArrowUp' || e.key === 'ArrowDown' || e.key === 'Delete') {
+    if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
       e.preventDefault();
       e.stopPropagation();
       return;
@@ -123,17 +123,14 @@ var useKeyEventEffect = function useKeyEventEffect(_ref) {
       }
       return;
     }
-
+    var isDeleteOpt = e.key === 'Backspace' || e.key === 'Delete';
     // 删除键逻辑
-    if (e.key !== 'Delete' && e.key !== 'Backspace') return;
-    if (e.key === 'Backspace' || e.key === 'Delete') {
+    if (!isDeleteOpt) return;
+    if (isDeleteOpt) {
       if (tempSpanRef.current) {
         closeDorpDown();
       }
-      // 检查删除后是否只剩一个空的 span
-      var allSpansNow = Array.from(div.querySelectorAll('span'));
-      var isOnlyOneEmptySpan = allSpansNow.length === 1 && allSpansNow[0].textContent === '';
-      if (isOnlyOneEmptySpan) {
+      if (!div.textContent || div.textContent === '') {
         e.preventDefault();
         e.stopPropagation();
         return;
@@ -141,7 +138,7 @@ var useKeyEventEffect = function useKeyEventEffect(_ref) {
     }
 
     // 不在 label span 内，在 span 开头且前一个是 label 时，删除整个 label span
-    if (startOffset === 0 && e.key === 'Backspace' && currentIndex > 0) {
+    if (startOffset === 0 && e.key === 'BackSpace' && currentIndex > 0) {
       var prevSpan = allSpans[currentIndex - 1];
       if (prevSpan.classList.contains('formula-editor-token-label')) {
         e.preventDefault();
@@ -177,7 +174,7 @@ var useKeyEventEffect = function useKeyEventEffect(_ref) {
     }
 
     // 在 span 开头 + Delete 键，光标移到前一个 span 的末尾
-    if (startOffset === 0 && e.key === 'Backspace' && currentIndex > 0) {
+    if (startOffset === 0 && e.key === 'BackSpace' && currentIndex > 0) {
       var _prevSpan = allSpans[currentIndex - 1];
       // 前一个 span 是非 label span 时，光标移到其末尾
       if (!_prevSpan.classList.contains('formula-editor-token-label')) {
@@ -227,7 +224,13 @@ var useKeyEventEffect = function useKeyEventEffect(_ref) {
           return;
         }
       }
-      if (!currentSpanNow || currentSpanNow === div) return;
+      if (!currentSpanNow || currentSpanNow === div) {
+        // 插入一个空的 other span
+        var emptySpan = createSpan(SpanType.OTHER, '');
+        div.appendChild(emptySpan);
+        moveCursorToSpan(emptySpan, true, selection);
+        return;
+      }
       if (currentSpanNow.textContent === '') {
         var currentIndexNow = allSpansNow.indexOf(currentSpanNow);
         var _newRange = document.createRange();

package/dist/core/sheet/Cell.js

@@ -6,7 +6,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { ExclamationCircleOutlined } from '@ant-design/icons';
 import { Modal } from 'antd';
-import { isNil } from 'lodash';
+import { get, isNil } from 'lodash';
 import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useSetState, useSheetEvent } from "../../hooks";
 import { renderValue } from "../util";
@@ -30,6 +30,7 @@ var Cell = function Cell(props) {
     valueViewer = props.valueViewer,
     attributesRenderer = props.attributesRenderer,
     cellFixedInfo = props.cellFixedInfo;
+  var replaceIndex = cell.replaceIndex;
   var eventBus = useSheetEvent();
   var _useSetState = useSetState(),
     _useSetState2 = _slicedToArray(_useSetState, 2),
@@ -82,8 +83,9 @@ var Cell = function Cell(props) {
       setEventState({
         confirm: false
       });
+      var oldValue = replaceIndex ? get(cell.record, [replaceIndex(cell.record)]) : valueRef.current;
       var newValue = value;
-      if (newValue === valueRef.current) {
+      if (newValue === oldValue) {
         return;
       }
       // 转化一下公式

package/dist/core/table/useGroupConfig.js

@@ -165,6 +165,7 @@ export var formatGroupData = function formatGroupData(param) {
           valueViewer: colInfo.render ? colInfo.render : undefined,
           dataEditor: colInfo.editor ? colInfo.editor : undefined,
           searchKey: colInfo.searchKey,
+          replaceIndex: colInfo.replaceIndex,
           row: currentIndex,
           className: classNames(!(((_colInfo$cellConfig = colInfo.cellConfig) === null || _colInfo$cellConfig === void 0 ? void 0 : _colInfo$cellConfig.className) instanceof Function) ? (_colInfo$cellConfig2 = colInfo.cellConfig) === null || _colInfo$cellConfig2 === void 0 ? void 0 : _colInfo$cellConfig2.className : (_colInfo$cellConfig3 = colInfo.cellConfig) === null || _colInfo$cellConfig3 === void 0 ? void 0 : _colInfo$cellConfig3.className(value, itemRow, currentIndex), hasRemark ? 'remark-cell' : null),
           dataIndex: colInfo.dataIndex,

package/dist/core/table/useRowSelection.d.ts

@@ -1,5 +1,5 @@
 import { SheetTableType } from "../..";
 export declare const useRowSelection: (dataSource: Record<string, unknown>[], rowSelection?: SheetTableType.TableRowSelection, hasChildren?: boolean) => [boolean[], (value: boolean[]) => void];
-export declare const formatSelectionData: (param: Pick<SheetTableType.TableProps, "dataSource" | "columns" | "rowKey" | "showRemark" | "rowSelection"> & {
+export declare const formatSelectionData: (param: Pick<SheetTableType.TableProps, "columns" | "dataSource" | "rowKey" | "showRemark" | "rowSelection"> & {
     checked: boolean[];
 }) => any[][];

package/dist/core/table/useRowSelection.js

@@ -82,6 +82,7 @@ export var formatSelectionData = function formatSelectionData(param) {
         valueViewer: colInfo.render ? colInfo.render : undefined,
         dataEditor: colInfo.editor ? colInfo.editor : undefined,
         searchKey: colInfo.searchKey,
+        replaceIndex: colInfo.replaceIndex,
         className: classNames(!(((_colInfo$cellConfig = colInfo.cellConfig) === null || _colInfo$cellConfig === void 0 ? void 0 : _colInfo$cellConfig.className) instanceof Function) ? (_colInfo$cellConfig2 = colInfo.cellConfig) === null || _colInfo$cellConfig2 === void 0 ? void 0 : _colInfo$cellConfig2.className : (_colInfo$cellConfig3 = colInfo.cellConfig) === null || _colInfo$cellConfig3 === void 0 ? void 0 : _colInfo$cellConfig3.className(value, item, row), hasRemark ? 'remark-cell' : null),
         row: row,
         col: col,

package/dist/example/basic.js

@@ -92,7 +92,10 @@ var columns = [{
       label: '批发价',
       value: 'wholesale'
     }]
-  }], 'formula')
+  }], 'formula'),
+  replaceIndex: function replaceIndex(record) {
+    return 'formula';
+  }
 }, {
   title: 'Address',
   editable: false,

package/dist/type/sheet.d.ts

@@ -26,6 +26,7 @@ export type Cell = {
     dataIndex?: string;
     valueViewer?: CellViewer;
     searchKey?: (value: unknown, record?: unknown) => string;
+    replaceIndex?: (record?: unknown) => string;
     className?: string;
     align?: CellAlign;
     fixed?: Omit<CellAlign, 'center'>;

package/dist/type/sheetTable.d.ts

@@ -40,6 +40,7 @@ export type ColumnProps = {
     render?: SheetType.CellViewer;
     editor?: SheetType.CellEditor;
     searchKey?: (value: unknown, record: Record<string, unknown>) => string;
+    replaceIndex?: (record?: unknown) => string;
     fixedAllowSelect?: boolean | RecordRowMap<boolean>;
 };
 export type TableChange = {

package/package.json

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