@zhenliang/sheet 0.0.7 → 0.1.0

package/dist/example/sheet.js

@@ -53,7 +53,7 @@ var ExcelIndexCell = function ExcelIndexCell(_ref) {
 var grid = range(1, 120).map(function (row, rowIndex) {
   return range(0, 26).map(function (i) {
     return {
-      id: String(random(0, 1)),
+      id: String(random(0, 1, true)),
       readonly: i === 0 ? true : false,
       fixed: i === 0 ? 'left' : undefined,
       value: i === 0 ? row : row > 15 || i > 10 ? '' : "".concat(row, "-").concat(i),
@@ -180,8 +180,8 @@ var BasicSheet = function BasicSheet() {
       }
     }
   }, [state, groupConfig]);
-  var onCellsChanged = function onCellsChanged(changes) {
-    var newGrid = _toConsumableArray(state);
+  var onCellsChanged = useCallback(function (changes, extChanges) {
+    var newGrid = cloneDeep(state);
     changes.forEach(function (_ref4) {
       var row = _ref4.row,
         col = _ref4.col,
@@ -192,8 +192,45 @@ var BasicSheet = function BasicSheet() {
       });
       newGrid[row] = newRow;
     });
+    extChanges === null || extChanges === void 0 ? void 0 : extChanges.forEach(function (item) {
+      var _ref5 = item,
+        row = _ref5.row,
+        col = _ref5.col,
+        value = _ref5.value;
+      if (!newGrid[row]) {
+        var newRow = cloneDeep(newGrid[0]);
+        newRow.forEach(function (item) {
+          item.value = '';
+          item.record = undefined;
+          item.id = String(random(0, 1, true));
+        });
+        newGrid.push(newRow);
+        newGrid.forEach(function (row, index) {
+          row[0].value = index + 1;
+        });
+        // sheetInstance.current?.pushToHistory({
+        //   type: 'NewRow' as SheetType.OperateType,
+        //   changes: [],
+        //   rowInfo: {
+        //     newRow: index + 1,
+        //   },
+        //   extraInfo: groupConfig,
+        // });
+        // const newRow = Array(newGrid[0].length).map((item, index) => ({
+        //   id: String(random(0, 1)),
+        //   row,
+        //   col: index,
+        //   value: '',
+        // }));
+        // newGrid.push(newRow);
+      }
+
+      newGrid[row][col] = _objectSpread(_objectSpread({}, newGrid[row][col]), {}, {
+        value: value
+      });
+    });
     setState(newGrid);
-  };
+  }, [state]);
   var WrappedTableShell = useMemo(function () {
     return DraggableShell({
       columns: range(26).map(function (i) {
@@ -216,9 +253,9 @@ var BasicSheet = function BasicSheet() {
     var position = props.position,
       handleMenu = props.onContextMenu,
       cell = props.cell;
-    var _ref5 = position || {},
-      top = _ref5.top,
-      left = _ref5.left;
+    var _ref6 = position || {},
+      top = _ref6.top,
+      left = _ref6.left;
     if (!cell) return null;
     return /*#__PURE__*/_jsxs("div", {
       className: "harvest-menu",
@@ -261,9 +298,9 @@ var BasicSheet = function BasicSheet() {
     });
   }, [handleNewRow]);
   var handleMenuClick = useCallback(function (e) {
-    var _ref6 = e,
-      type = _ref6.type,
-      row = _ref6.row;
+    var _ref7 = e,
+      type = _ref7.type,
+      row = _ref7.row;
     console.log('click', state.length);
     if (type === '1') {
       handleNewRow(row);
@@ -275,15 +312,15 @@ var BasicSheet = function BasicSheet() {
       handleDeleteRow(row);
     }
   }, [state, groupConfig]);
-  console.log('render', performance.now());
   useEffect(function () {
     console.log('rendered', performance.now());
   }, []);
-  console.log(state.length);
   return /*#__PURE__*/_jsxs(Sheet, {
     sheetInstance: sheetInstance,
     className: "excel-sheet",
     virtualized: true,
+    freePaste: true,
+    showBackEdit: true,
     data: state,
     groupConfig: groupConfig,
     scroll: {
@@ -297,8 +334,8 @@ var BasicSheet = function BasicSheet() {
     children: [/*#__PURE__*/_jsx(SheetEvent, {
       name: "onCellClick",
       handler: function handler(e) {
-        var _ref7 = e,
-          row = _ref7.row;
+        var _ref8 = e,
+          row = _ref8.row;
         var index = groupConfig.groups.findIndex(function (item) {
           return item.groupStart === row;
         });
@@ -353,5 +390,4 @@ var BasicSheet = function BasicSheet() {
     })]
   });
 };
-export default BasicSheet;
-//# sourceMappingURL=sheet.js.map
+export default BasicSheet;

package/dist/example/valuationAnalyze.js

@@ -5,8 +5,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { getNumberEditor, getSelectEditor, Table } from "./..";
+import { Button } from 'antd';
+import { isNil } from 'lodash';
 import { useCallback, useState } from 'react';
 import { SwitchViewer } from "../core/viewer";
+import { SheetType } from "../type";
 import { jsx as _jsx } from "react/jsx-runtime";
 var RateValueInput = getNumberEditor({
   addonAfter: '%',
@@ -50,14 +53,15 @@ var data = [{
   totalValuation: 1429232708.3536763,
   isEnabled: false
 }];
+var evaluateMethods = [{
+  label: 'DCF',
+  value: 2
+}, {
+  label: 'T&R',
+  value: 5
+}];
+var EvaSelect = getSelectEditor(evaluateMethods);
 export default (function () {
-  var evaluateMethods = [{
-    label: 'DCF',
-    value: 2
-  }, {
-    label: 'T&R',
-    value: 5
-  }];
   var _useState = useState(data),
     _useState2 = _slicedToArray(_useState, 1),
     state = _useState2[0];
@@ -105,7 +109,7 @@ export default (function () {
     dataIndex: 'termDiscountRate',
     width: 134,
     editor: RateValueInput,
-    viewer: RateViewer,
+    render: RateViewer,
     readonly: function readonly(value, record, row) {
       return !row || isNil(record.valuationType);
     }
@@ -114,7 +118,7 @@ export default (function () {
     title: '租期外折现率',
     dataIndex: 'reversionDiscountRate',
     width: 134,
-    viewer: RateViewer,
+    render: RateViewer,
     editor: RateValueInput,
     readonly: function readonly(value, record, row) {
       return !row || isNil(record.valuationType);
@@ -123,7 +127,7 @@ export default (function () {
     title: '空置面积折现率',
     dataIndex: 'vacancyDiscountRate',
     width: 134,
-    viewer: RateViewer,
+    render: RateViewer,
     editor: RateValueInput,
     readonly: function readonly(value, record, row) {
       return !row || isNil(record.valuationType);
@@ -132,8 +136,8 @@ export default (function () {
     title: '折现率',
     dataIndex: 'discountRate',
     width: 134,
-    viewer: RateViewer,
-    editor: RateValueInput,
+    render: RateViewer,
+    editor: EvaSelect,
     readonly: function readonly(value, record, row) {
       return !row || isNil(record.valuationType);
     }
@@ -141,7 +145,7 @@ export default (function () {
     title: '退出资本化率',
     dataIndex: 'exitCapRate',
     width: 134,
-    viewer: RateViewer,
+    render: RateViewer,
     editor: RateValueInput,
     readonly: function readonly(value, record, row) {
       return !row || isNil(record.valuationType);
@@ -168,7 +172,7 @@ export default (function () {
     title: '操作',
     width: 62,
     dataIndex: 'id',
-    cellType: 'operate',
+    fixed: SheetType.CellAlign.right,
     editable: false,
     render: function (props) {
       var row = props.row,
@@ -178,11 +182,10 @@ export default (function () {
           children: /*#__PURE__*/_jsx(Button, {
             type: "link",
             onClick: function onClick() {
-              handleDelete(record.id);
+              // handleDelete((record as { id: number }).id);
               // const infos = [{ id: record.id, row, extra: record }];
               // operateCb && operateCb(4, { row, infos });
             },
-
             size: "small",
             children: "\u5220\u9664"
           })
@@ -221,5 +224,4 @@ export default (function () {
     dataSource: state,
     onChange: handleChange
   });
-});
-//# sourceMappingURL=valuationAnalyze.js.map
+});

package/dist/hooks/index.d.ts

@@ -5,3 +5,4 @@ export type { Dispatch, FunctionAction, NormalAction, } from './useMiddlewareRed
 export { useMouse } from './useMouse';
 export { useSetState } from './useSetState';
 export { SheetEventContext, useSheetEvent } from './useSheetEvent';
+export { useWidth, WidthContext } from './useWidthConfig';

package/dist/hooks/index.js

@@ -4,4 +4,4 @@ export { useMiddlewareReducer } from "./useMiddlewareReducer";
 export { useMouse } from "./useMouse";
 export { useSetState } from "./useSetState";
 export { SheetEventContext, useSheetEvent } from "./useSheetEvent";
-//# sourceMappingURL=index.js.map
+export { useWidth, WidthContext } from "./useWidthConfig";

package/dist/hooks/useEventBus.js

@@ -14,5 +14,4 @@ var useEventBus = function useEventBus() {
   }
   return eventBus.current;
 };
-export { useEventBus };
-//# sourceMappingURL=useEventBus.js.map
+export { useEventBus };

package/dist/hooks/useKeyboard.js

@@ -105,5 +105,4 @@ export var useKeyBoard = function useKeyBoard(handler, listenElement) {
       document.removeEventListener('cut', handler.cut);
     };
   }, [listenElement]);
-};
-//# sourceMappingURL=useKeyboard.js.map
+};

package/dist/hooks/useMiddlewareReducer.js

@@ -44,5 +44,4 @@ export var useMiddlewareReducer = function useMiddlewareReducer(reducer, initial
     return dispatch;
   }, []);
   return [state, dispatch];
-};
-//# sourceMappingURL=useMiddlewareReducer.js.map
+};

package/dist/hooks/useMouse.js

@@ -1,5 +1,5 @@
 import { debounce } from 'lodash';
-import { useCallback, useEffect } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 export var useMouse = function useMouse(handler, listenElement) {
   var mouseUp = handler.mouseUp,
     mouseDown = handler.mouseDown,
@@ -8,6 +8,7 @@ export var useMouse = function useMouse(handler, listenElement) {
     mouseEnter = handler.mouseEnter,
     doubleClick = handler.doubleClick,
     loseFocus = handler.loseFocus;
+  var handlerRef = useRef();
 
   // todo
   var wrapper = useCallback(function (handle) {
@@ -18,36 +19,50 @@ export var useMouse = function useMouse(handler, listenElement) {
       handle(e);
     };
   }, [listenElement]);
-
-  // useEffect(() => {
-  //   if (!listenElement) return;
-  // }, [mouseUp]);
+  useEffect(function () {
+    return function () {
+      if (!handlerRef.current) return;
+      var _handlerRef$current = handlerRef.current,
+        listenerMouseUp = _handlerRef$current.mouseUp,
+        listenerMouseDown = _handlerRef$current.mouseDown,
+        listenerMouseOver = _handlerRef$current.mouseOver,
+        listenerMouseLeave = _handlerRef$current.mouseLeave,
+        listenerMouseEnter = _handlerRef$current.mouseEnter,
+        listenerDoubleClick = _handlerRef$current.doubleClick;
+      document.removeEventListener('mouseup', listenerMouseUp);
+      document.removeEventListener('mousedown', listenerMouseDown);
+      document.removeEventListener('dblclick', listenerDoubleClick);
+      listenElement === null || listenElement === void 0 ? void 0 : listenElement.removeEventListener('mouseover', listenerMouseOver);
+      listenElement === null || listenElement === void 0 ? void 0 : listenElement.removeEventListener('mouseleave', listenerMouseLeave);
+      listenElement === null || listenElement === void 0 ? void 0 : listenElement.removeEventListener('mouseenter', listenerMouseEnter);
+    };
+  }, []);
   useEffect(function () {
     if (!listenElement) return;
     var debounceOver = debounce(mouseOver, 10);
     var wrappedMouseUp = mouseUp;
     var wrappedMouseDown = function wrappedMouseDown(e) {
-      if (!listenElement.contains(e.target)) {
+      if (!(listenElement !== null && listenElement !== void 0 && listenElement.contains(e.target))) {
         loseFocus(e);
         return;
       }
       mouseDown(e);
     };
     var wrappedMouseDoubleClick = wrapper(doubleClick);
+    handlerRef.current = {
+      mouseUp: wrappedMouseUp,
+      mouseDown: wrappedMouseDown,
+      doubleClick: wrappedMouseDoubleClick,
+      mouseOver: debounceOver,
+      mouseLeave: mouseLeave,
+      mouseEnter: mouseEnter,
+      loseFocus: loseFocus
+    };
     document.addEventListener('mouseup', wrappedMouseUp);
     document.addEventListener('mousedown', wrappedMouseDown);
     document.addEventListener('dblclick', wrappedMouseDoubleClick);
-    listenElement.addEventListener('mouseover', debounceOver);
-    listenElement.addEventListener('mouseleave', mouseLeave);
-    listenElement.addEventListener('mouseenter', mouseEnter);
-    return function () {
-      listenElement.removeEventListener('mouseover', debounceOver);
-      listenElement.removeEventListener('mouseleave', mouseLeave);
-      listenElement.removeEventListener('mouseenter', mouseEnter);
-      document.removeEventListener('mousedown', wrappedMouseUp);
-      document.removeEventListener('mouseup', wrappedMouseDown);
-      document.removeEventListener('dblclick', wrappedMouseDoubleClick);
-    };
-  }, [listenElement, mouseUp, mouseDown, mouseOver, mouseLeave, doubleClick, loseFocus]);
-};
-//# sourceMappingURL=useMouse.js.map
+    listenElement === null || listenElement === void 0 ? void 0 : listenElement.addEventListener('mouseover', debounceOver);
+    listenElement === null || listenElement === void 0 ? void 0 : listenElement.addEventListener('mouseleave', mouseLeave);
+    listenElement === null || listenElement === void 0 ? void 0 : listenElement.addEventListener('mouseenter', mouseEnter);
+  }, [listenElement]);
+};

package/dist/hooks/useSetState.js

@@ -24,5 +24,4 @@ var useSetState = function useSetState() {
   }, []);
   return [state, setMergeState];
 };
-export { useSetState };
-//# sourceMappingURL=useSetState.js.map
+export { useSetState };

package/dist/hooks/useSheetEvent.js

@@ -2,5 +2,4 @@ import { createContext, useContext } from 'react';
 export var SheetEventContext = /*#__PURE__*/createContext(undefined);
 export function useSheetEvent() {
   return useContext(SheetEventContext);
-}
-//# sourceMappingURL=useSheetEvent.js.map
+}

package/dist/hooks/useWidthConfig.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { WidthConfig } from '../type/sheet';
+export declare const WidthContext: import("react").Context<WidthConfig>;
+export declare function useWidth(): WidthConfig;

package/dist/hooks/useWidthConfig.js

@@ -0,0 +1,5 @@
+import { createContext, useContext } from 'react';
+export var WidthContext = /*#__PURE__*/createContext({});
+export function useWidth() {
+  return useContext(WidthContext);
+}

package/dist/index.d.ts

@@ -1,4 +1,8 @@
+import { SheetTableType, SheetType } from './type';
 export * from './core/editor';
 export { default as Sheet } from './core/sheet';
 export { default as Table } from './core/table';
+export * from './core/viewer';
+export * from './hooks';
 export { useSheetEvent } from './hooks/useSheetEvent';
+export { SheetTableType, SheetType };

package/dist/index.js

@@ -1,5 +1,8 @@
+import { SheetTableType, SheetType } from "./type";
 export * from "./core/editor";
 export { default as Sheet } from "./core/sheet";
 export { default as Table } from "./core/table";
+export * from "./core/viewer";
+export * from "./hooks";
 export { useSheetEvent } from "./hooks/useSheetEvent";
-//# sourceMappingURL=index.js.map
+export { SheetTableType, SheetType };

package/dist/standardUtils/index.js

@@ -24,10 +24,9 @@ export var thousandsSeparator = function thousandsSeparator(value) {
     _String$split2 = _slicedToArray(_String$split, 2),
     integer = _String$split2[0],
     decimal = _String$split2[1];
-  var formattedData = integer.replace(/(\d{1,3})(?=(\d{3})+$)/g, '$1,');
+  var formattedData = integer === null || integer === void 0 ? void 0 : integer.replace(/(\d{1,3})(?=(\d{3})+$)/g, '$1,');
   if (decimal && decimal.length) {
     formattedData += ".".concat(decimal);
   }
   return formattedData;
-};
-//# sourceMappingURL=index.js.map
+};

package/dist/type/index.js

@@ -1,5 +1,4 @@
 import * as _SheetType from "./sheet";
 export { _SheetType as SheetType };
 import * as _SheetTableType from "./sheetTable";
-export { _SheetTableType as SheetTableType };
-//# sourceMappingURL=index.js.map
+export { _SheetTableType as SheetTableType };

package/dist/type/sheet.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="node" />
 import type { EventEmitter } from 'events';
-import { SheetTableType } from '.';
+import { SheetTableType, SheetType } from '.';
 export declare enum CellAlign {
     left = "left",
     center = "center",
@@ -40,8 +40,9 @@ export declare type CellEditorProps = {
     onConfirm: (value: unknown) => void;
 } & CellViewerProps;
 export declare type CellEditor = React.FC<CellEditorProps> & {
-    checker?: (value: unknown) => boolean;
-    formatter?: (value: unknown) => unknown;
+    checker?: (value: unknown, record?: Record<string, unknown>) => boolean;
+    formatter?: (value: unknown, record?: Record<string, unknown>) => unknown;
+    parser?: (value: unknown, record?: Record<string, unknown>) => unknown;
 };
 export declare type CellViewer = React.FC<CellViewerProps>;
 export declare type CellPosition = {
@@ -78,6 +79,10 @@ export declare type SheetInstance = {
     zoomTo: (row?: number) => void;
     pushToHistory: (value: OperateHistory) => void;
     selectRow: (row?: number) => void;
+    select: (props: {
+        start: SheetType.CellPosition;
+        end: SheetType.CellPosition;
+    }) => void;
     popHistory: () => OperateHistory;
 };
 export declare type SheetProps = {
@@ -88,6 +93,8 @@ export declare type SheetProps = {
     data: Cell[][];
     freePaste?: boolean;
     virtualized?: boolean;
+    showBackEdit?: boolean;
+    backEditStyle?: Partial<CSSStyleDeclaration>;
     groupConfig?: RowGroupConfig;
     onCellsChanged?: CellChangeHandler;
     menuRenderer?: React.FC<MenuRenderProps>;
@@ -99,6 +106,10 @@ export declare type SheetProps = {
     rowClassName?: string | ((record: Record<string, unknown>, index: number) => string);
     children?: any[];
 };
+export declare type WidthConfig = {
+    onChange?: (value: Record<number | string, number>) => void;
+    widths?: Record<number | string, number>;
+};
 export declare type SheetShell = Pick<SheetTableType.TableProps, 'columns'> & {
     className?: string;
     showGroup?: boolean;

package/dist/type/sheet.js

@@ -6,5 +6,4 @@ export var CellAlign = /*#__PURE__*/function (CellAlign) {
   return CellAlign;
 }({});
 
-// todo
-//# sourceMappingURL=sheet.js.map
+// todo

package/dist/type/sheetTable.d.ts

@@ -1,19 +1,39 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { SheetType } from '.';
 export declare type refAssertion = {
     contains?: (target: EventTarget | null) => boolean;
     focus?: () => boolean;
 } & HTMLTableSectionElement;
 export declare type CellFixed = SheetType.CellAlign;
+export declare type RecordRowMap<T> = (value: unknown, record: Record<string, unknown>, index: number) => T;
 export declare type ColumnProps = {
+    /**
+     * @description 对齐
+     * @default "left"
+     */
     align?: SheetType.CellAlign;
+    /**
+     * @description 固定
+     * @default "undefined"
+     */
     fixed?: Omit<CellFixed, 'center'>;
+    /**
+     * @description 列宽
+     * @default "undefined"
+     */
     width?: string | number;
     dataIndex?: string;
-    title: string;
+    title: string | ReactNode | ReactNode[];
+    titleConfig?: {
+        colSpan?: number;
+        className?: string;
+    };
+    cellConfig?: {
+        className?: string | RecordRowMap<string>;
+    };
     key?: string;
-    editable?: boolean;
-    readonly?: boolean | ((value: unknown, record: Record<string, unknown>, index: number) => boolean);
+    editable?: boolean | RecordRowMap<boolean>;
+    readonly?: boolean | RecordRowMap<boolean>;
     render?: SheetType.CellViewer;
     editor?: SheetType.CellEditor;
 };
@@ -24,13 +44,25 @@ export declare type TableChange = {
     value: unknown;
 };
 export declare type TableRowSelection = {
-    onChange: (selectedRowKeys: string[], selectedRows: Record<string, unknown>[]) => void;
+    rowSelected?: string[];
+    onChange?: (selectedRowKeys: string[], selectedRows: Record<string, unknown>[]) => void;
 };
 export declare type TableGroupConfig = {
-    defaultOpen: boolean;
+    defaultOpen?: boolean;
+    rowGroup?: SheetType.RowGroupConfig;
+    onChange?: (value: SheetType.RowGroupConfig) => void;
 };
+export declare type EventHandler = (value: any) => void;
 export declare type TableProps = {
+    /**
+     * @description 表格类名
+     * @default "undefined"
+     */
     className?: string;
+    /**
+     * @description sheet的一些定义方法可执行
+     * @default "object"
+     */
     sheetInstance?: React.MutableRefObject<SheetType.SheetInstance | null>;
     columns: ColumnProps[];
     virtualized?: boolean;
@@ -43,15 +75,12 @@ export declare type TableProps = {
     };
     sticky?: boolean;
     draggable?: boolean;
-    rowSelection?: {
-        rowSelected: string[];
-        onChange: (selectedRowKeys: string[], selectedRows: Record<string, unknown>[]) => void;
-    };
-    groupConfig?: {
-        rowGroup: TableGroupConfig;
-        onChange: (value: TableGroupConfig) => void;
-    };
-    onChange: (changes: TableChange[]) => void;
+    freePaste?: boolean;
+    showBackEdit?: boolean;
+    backEditStyle?: Partial<CSSStyleDeclaration>;
+    rowSelection?: TableRowSelection;
+    groupConfig?: TableGroupConfig;
+    onChange: (changes: TableChange[], extChanges?: TableChange[]) => void;
     handleAdd?: () => void;
-    eventHandler?: Record<'btn-click' | 'cell-edit' | 'cell-switch' | string, undefined | ((value: unknown) => void)>;
+    eventHandler?: Record<'reverse' | 'btn-click' | 'cell-edit' | 'cell-switch' | string, undefined | EventHandler>;
 };

package/dist/type/sheetTable.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=sheetTable.js.map
+export {};

package/package.json

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

package/dist/core/config.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TAB_KEY","ENTER_KEY","ESCAPE_KEY","LEFT_KEY","UP_KEY","RIGHT_KEY","DOWN_KEY","DELETE_KEY","BACKSPACE_KEY","Z_KEY","C_KEY","V_KEY","X_KEY"],"sources":["../../src/core/config.ts"],"sourcesContent":["export const TAB_KEY = 9;\nexport const ENTER_KEY = 13;\nexport const ESCAPE_KEY = 27;\nexport const LEFT_KEY = 37;\nexport const UP_KEY = 38;\nexport const RIGHT_KEY = 39;\nexport const DOWN_KEY = 40;\nexport const DELETE_KEY = 46;\nexport const BACKSPACE_KEY = 8;\nexport const Z_KEY = 90;\nexport const C_KEY = 67;\nexport const V_KEY = 86;\nexport const X_KEY = 88;\n"],"mappings":"AAAA,OAAO,IAAMA,OAAO,GAAG,CAAC;AACxB,OAAO,IAAMC,SAAS,GAAG,EAAE;AAC3B,OAAO,IAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,IAAMC,QAAQ,GAAG,EAAE;AAC1B,OAAO,IAAMC,MAAM,GAAG,EAAE;AACxB,OAAO,IAAMC,SAAS,GAAG,EAAE;AAC3B,OAAO,IAAMC,QAAQ,GAAG,EAAE;AAC1B,OAAO,IAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,IAAMC,aAAa,GAAG,CAAC;AAC9B,OAAO,IAAMC,KAAK,GAAG,EAAE;AACvB,OAAO,IAAMC,KAAK,GAAG,EAAE;AACvB,OAAO,IAAMC,KAAK,GAAG,EAAE;AACvB,OAAO,IAAMC,KAAK,GAAG,EAAE"}

package/dist/core/editor/cascaderEditor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Cascader","useMemo","optionsTransferToValue","jsx","_jsx","getCascaderEditor","options","CascaderEditor","props","value","onConfirm","val","handleChange","opt","console","log","length","autoFocus","open","className","onMouseDown","event","stopPropagation","displayRender","label","onChange","checker","res"],"sources":["../../../../src/core/editor/cascaderEditor/index.tsx"],"sourcesContent":["import type { SheetType } from '@zhenliang/sheet/type';\nimport { Cascader } from 'antd';\nimport 'antd/es/cascader/style/index.css';\nimport { useMemo } from 'react';\nimport { optionsTransferToValue } from '../../util';\nimport './index.less';\n\nconst getCascaderEditor = (options: SheetType.OptionsType[]) => {\n  const CascaderEditor: SheetType.CellEditor = (props) => {\n    const { value, onConfirm } = props;\n\n    const val = useMemo(\n      () => optionsTransferToValue(options, value as string),\n      [value, options],\n    );\n\n    const handleChange = (opt: any) => {\n      console.log(opt);\n      onConfirm(opt ? opt[opt.length - 1] : null);\n    };\n\n    return (\n      <Cascader\n        autoFocus\n        open\n        className={'cascader-editor'}\n        onMouseDown={(event: any) => {\n          event.stopPropagation();\n        }}\n        value={val}\n        // allowClear={false}\n        displayRender={(label) => label[label.length - 1]}\n        onChange={handleChange}\n        // onBlur={handleBlur}\n        // onKeyDown={handleKeyDown}\n        options={options}\n      />\n    );\n  };\n\n  CascaderEditor.checker = (value) => {\n    const res = optionsTransferToValue(options, value as string);\n    return res && res.length > 0;\n  };\n  return CascaderEditor;\n};\nexport default getCascaderEditor;\n"],"mappings":"AACA,SAASA,QAAQ,QAAQ,MAAM;AAC/B,OAAO,kCAAkC;AACzC,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,sBAAsB;AAC/B;AAAsB,SAAAC,GAAA,IAAAC,IAAA;AAEtB,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,OAAgC,EAAK;EAC9D,IAAMC,cAAoC,GAAG,SAAvCA,cAAoCA,CAAIC,KAAK,EAAK;IACtD,IAAQC,KAAK,GAAgBD,KAAK,CAA1BC,KAAK;MAAEC,SAAS,GAAKF,KAAK,CAAnBE,SAAS;IAExB,IAAMC,GAAG,GAAGV,OAAO,CACjB;MAAA,OAAMC,sBAAsB,CAACI,OAAO,EAAEG,KAAe,CAAC;IAAA,GACtD,CAACA,KAAK,EAAEH,OAAO,CACjB,CAAC;IAED,IAAMM,YAAY,GAAG,SAAfA,YAAYA,CAAIC,GAAQ,EAAK;MACjCC,OAAO,CAACC,GAAG,CAACF,GAAG,CAAC;MAChBH,SAAS,CAACG,GAAG,GAAGA,GAAG,CAACA,GAAG,CAACG,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC;IAC7C,CAAC;IAED,oBACEZ,IAAA,CAACJ,QAAQ;MACPiB,SAAS;MACTC,IAAI;MACJC,SAAS,EAAE,iBAAkB;MAC7BC,WAAW,EAAE,SAAAA,YAACC,KAAU,EAAK;QAC3BA,KAAK,CAACC,eAAe,CAAC,CAAC;MACzB,CAAE;MACFb,KAAK,EAAEE;MACP;MAAA;MACAY,aAAa,EAAE,SAAAA,cAACC,KAAK;QAAA,OAAKA,KAAK,CAACA,KAAK,CAACR,MAAM,GAAG,CAAC,CAAC;MAAA,CAAC;MAClDS,QAAQ,EAAEb;MACV;MACA;MAAA;MACAN,OAAO,EAAEA;IAAQ,CAClB,CAAC;EAEN,CAAC;EAEDC,cAAc,CAACmB,OAAO,GAAG,UAACjB,KAAK,EAAK;IAClC,IAAMkB,GAAG,GAAGzB,sBAAsB,CAACI,OAAO,EAAEG,KAAe,CAAC;IAC5D,OAAOkB,GAAG,IAAIA,GAAG,CAACX,MAAM,GAAG,CAAC;EAC9B,CAAC;EACD,OAAOT,cAAc;AACvB,CAAC;AACD,eAAeF,iBAAiB"}

package/dist/core/editor/dateEditor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DatePicker","moment","useEffect","useMemo","useRef","jsx","_jsx","DateEditor","props","value","onChange","onConfirm","dateRef","_dateRef$current","current","focus","val","handleChange","format","open","ref","className","onMouseDown","e","stopPropagation","checker","reg","test","formatter","_DateEditor$checker","call","replace"],"sources":["../../../../src/core/editor/dateEditor/index.tsx"],"sourcesContent":["import { DatePicker } from 'antd';\nimport 'antd/es/date-picker/style/index.css';\n\nimport type { SheetType } from '@zhenliang/sheet/type';\nimport moment from 'moment';\nimport { useEffect, useMemo, useRef } from 'react';\nimport './index.less';\n\nexport const DateEditor: SheetType.CellEditor = (props) => {\n  const { value, onChange, onConfirm } = props;\n  const dateRef = useRef<any>(null);\n\n  useEffect(() => {\n    dateRef?.current?.focus();\n  }, []);\n\n  const val = useMemo(() => value && moment(value as string), [value]);\n\n  const handleChange = (value: any) => {\n    onChange(value?.format('YYYY-MM-DD'));\n    onConfirm(value?.format('YYYY-MM-DD'));\n  };\n\n  return (\n    <DatePicker\n      open\n      ref={dateRef}\n      className=\"date-editor\"\n      value={val as any}\n      onMouseDown={(e) => e.stopPropagation()}\n      onChange={handleChange}\n    />\n  );\n};\n\nDateEditor.checker = (value) => {\n  const reg = /^[1-9]\\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$/;\n  return reg.test(value as string);\n};\n\nDateEditor.formatter = (value) => {\n  if (!DateEditor?.checker?.(value)) return null;\n  return (value as string).replace('/', '-').replace('/', '-');\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,MAAM;AACjC,OAAO,qCAAqC;AAG5C,OAAOC,MAAM,MAAM,QAAQ;AAC3B,SAASC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAClD;AAAsB,SAAAC,GAAA,IAAAC,IAAA;AAEtB,OAAO,IAAMC,UAAgC,GAAG,SAAnCA,UAAgCA,CAAIC,KAAK,EAAK;EACzD,IAAQC,KAAK,GAA0BD,KAAK,CAApCC,KAAK;IAAEC,QAAQ,GAAgBF,KAAK,CAA7BE,QAAQ;IAAEC,SAAS,GAAKH,KAAK,CAAnBG,SAAS;EAClC,IAAMC,OAAO,GAAGR,MAAM,CAAM,IAAI,CAAC;EAEjCF,SAAS,CAAC,YAAM;IAAA,IAAAW,gBAAA;IACdD,OAAO,aAAPA,OAAO,wBAAAC,gBAAA,GAAPD,OAAO,CAAEE,OAAO,cAAAD,gBAAA,uBAAhBA,gBAAA,CAAkBE,KAAK,CAAC,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,GAAG,GAAGb,OAAO,CAAC;IAAA,OAAMM,KAAK,IAAIR,MAAM,CAACQ,KAAe,CAAC;EAAA,GAAE,CAACA,KAAK,CAAC,CAAC;EAEpE,IAAMQ,YAAY,GAAG,SAAfA,YAAYA,CAAIR,KAAU,EAAK;IACnCC,QAAQ,CAACD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAES,MAAM,CAAC,YAAY,CAAC,CAAC;IACrCP,SAAS,CAACF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAES,MAAM,CAAC,YAAY,CAAC,CAAC;EACxC,CAAC;EAED,oBACEZ,IAAA,CAACN,UAAU;IACTmB,IAAI;IACJC,GAAG,EAAER,OAAQ;IACbS,SAAS,EAAC,aAAa;IACvBZ,KAAK,EAAEO,GAAW;IAClBM,WAAW,EAAE,SAAAA,YAACC,CAAC;MAAA,OAAKA,CAAC,CAACC,eAAe,CAAC,CAAC;IAAA,CAAC;IACxCd,QAAQ,EAAEO;EAAa,CACxB,CAAC;AAEN,CAAC;AAEDV,UAAU,CAACkB,OAAO,GAAG,UAAChB,KAAK,EAAK;EAC9B,IAAMiB,GAAG,GAAG,yDAAyD;EACrE,OAAOA,GAAG,CAACC,IAAI,CAAClB,KAAe,CAAC;AAClC,CAAC;AAEDF,UAAU,CAACqB,SAAS,GAAG,UAACnB,KAAK,EAAK;EAAA,IAAAoB,mBAAA;EAChC,IAAI,EAACtB,UAAU,aAAVA,UAAU,gBAAAsB,mBAAA,GAAVtB,UAAU,CAAEkB,OAAO,cAAAI,mBAAA,eAAnBA,mBAAA,CAAAC,IAAA,CAAAvB,UAAU,EAAYE,KAAK,CAAC,GAAE,OAAO,IAAI;EAC9C,OAAQA,KAAK,CAAYsB,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAACA,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;AAC9D,CAAC"}

package/dist/core/editor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["default","getCascaderEditor","DateEditor","getNumberEditor","NumberEditor","getSelectEditor"],"sources":["../../../src/core/editor/index.ts"],"sourcesContent":["export { default as getCascaderEditor } from './cascaderEditor';\nexport { DateEditor } from './dateEditor';\nexport { getNumberEditor, NumberEditor } from './numberEditor';\nexport { default as getSelectEditor } from './selectEditor';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAAiB;AACrC,SAASC,UAAU;AACnB,SAASC,eAAe,EAAEC,YAAY;AACtC,SAASJ,OAAO,IAAIK,eAAe"}

package/dist/core/editor/numberEditor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["InputNumber","AntInputNumber","useEffect","useRef","jsx","_jsx","NumberEditor","props","value","onChange","inputNumberRef","_inputNumberRef$curre","current","focus","ref","controls","className","onMouseDown","e","stopPropagation","addonAfter","getNumberEditor","extraProps","_inputNumberRef$curre2","_objectSpread"],"sources":["../../../../src/core/editor/numberEditor/index.tsx"],"sourcesContent":["import type { SheetType } from '@zhenliang/sheet/type';\nimport { InputNumber as AntInputNumber, InputNumberProps } from 'antd';\nimport 'antd/es/input-number/style/index.css';\nimport { useEffect, useRef } from 'react';\nimport './index.less';\n\nexport const NumberEditor: SheetType.CellEditor = (props) => {\n  const { value, onChange } = props;\n  const inputNumberRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    inputNumberRef?.current?.focus();\n  }, []);\n\n  return (\n    <AntInputNumber\n      ref={inputNumberRef}\n      controls={false}\n      className=\"number-editor\"\n      onMouseDown={(e) => e.stopPropagation()}\n      value={value as number}\n      addonAfter=\"%\"\n      onChange={onChange}\n    />\n  );\n};\n\nexport const getNumberEditor = (\n  extraProps: Pick<\n    InputNumberProps,\n    'max' | 'min' | 'addonBefore' | 'addonAfter' | 'precision'\n  >,\n) => {\n  const NumberEditor: SheetType.CellEditor = (props) => {\n    const { value, onChange } = props;\n    const inputNumberRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n      inputNumberRef?.current?.focus();\n    }, []);\n\n    return (\n      <AntInputNumber\n        ref={inputNumberRef}\n        {...extraProps}\n        controls={false}\n        className=\"number-editor\"\n        onMouseDown={(e) => e.stopPropagation()}\n        value={value as number}\n        onChange={onChange}\n      />\n    );\n  };\n\n  return NumberEditor;\n};\n"],"mappings":";;;;;;AACA,SAASA,WAAW,IAAIC,cAAc,QAA0B,MAAM;AACtE,OAAO,sCAAsC;AAC7C,SAASC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC;AAAsB,SAAAC,GAAA,IAAAC,IAAA;AAEtB,OAAO,IAAMC,YAAkC,GAAG,SAArCA,YAAkCA,CAAIC,KAAK,EAAK;EAC3D,IAAQC,KAAK,GAAeD,KAAK,CAAzBC,KAAK;IAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ;EACvB,IAAMC,cAAc,GAAGP,MAAM,CAAmB,IAAI,CAAC;EAErDD,SAAS,CAAC,YAAM;IAAA,IAAAS,qBAAA;IACdD,cAAc,aAAdA,cAAc,wBAAAC,qBAAA,GAAdD,cAAc,CAAEE,OAAO,cAAAD,qBAAA,uBAAvBA,qBAAA,CAAyBE,KAAK,CAAC,CAAC;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,oBACER,IAAA,CAACJ,cAAc;IACba,GAAG,EAAEJ,cAAe;IACpBK,QAAQ,EAAE,KAAM;IAChBC,SAAS,EAAC,eAAe;IACzBC,WAAW,EAAE,SAAAA,YAACC,CAAC;MAAA,OAAKA,CAAC,CAACC,eAAe,CAAC,CAAC;IAAA,CAAC;IACxCX,KAAK,EAAEA,KAAgB;IACvBY,UAAU,EAAC,GAAG;IACdX,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC;AAED,OAAO,IAAMY,eAAe,GAAG,SAAlBA,eAAeA,CAC1BC,UAGC,EACE;EACH,IAAMhB,YAAkC,GAAG,SAArCA,YAAkCA,CAAIC,KAAK,EAAK;IACpD,IAAQC,KAAK,GAAeD,KAAK,CAAzBC,KAAK;MAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ;IACvB,IAAMC,cAAc,GAAGP,MAAM,CAAmB,IAAI,CAAC;IAErDD,SAAS,CAAC,YAAM;MAAA,IAAAqB,sBAAA;MACdb,cAAc,aAAdA,cAAc,wBAAAa,sBAAA,GAAdb,cAAc,CAAEE,OAAO,cAAAW,sBAAA,uBAAvBA,sBAAA,CAAyBV,KAAK,CAAC,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC;IAEN,oBACER,IAAA,CAACJ,cAAc,EAAAuB,aAAA,CAAAA,aAAA;MACbV,GAAG,EAAEJ;IAAe,GAChBY,UAAU;MACdP,QAAQ,EAAE,KAAM;MAChBC,SAAS,EAAC,eAAe;MACzBC,WAAW,EAAE,SAAAA,YAACC,CAAC;QAAA,OAAKA,CAAC,CAACC,eAAe,CAAC,CAAC;MAAA,CAAC;MACxCX,KAAK,EAAEA,KAAgB;MACvBC,QAAQ,EAAEA;IAAS,EACpB,CAAC;EAEN,CAAC;EAED,OAAOH,YAAY;AACrB,CAAC"}

package/dist/core/editor/selectEditor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Select","jsx","_jsx","getSelectEditor","options","SelectEditor","props","value","onConfirm","handleChange","opt","updateValue","undefined","handleKeyDown","ev","which","persist","autoFocus","className","defaultOpen","allowClear","open","onMouseDown","e","stopPropagation","onChange","onKeyDown","popupClassName","checker","some","item","label"],"sources":["../../../../src/core/editor/selectEditor/index.tsx"],"sourcesContent":["import type { SheetType } from '@zhenliang/sheet/type';\nimport { Select } from 'antd';\nimport 'antd/es/select/style/index.css';\nimport './index.less';\n\nexport const getSelectEditor = (\n  options: SheetType.Options[],\n): SheetType.CellEditor => {\n  const SelectEditor: SheetType.CellEditor = (props) => {\n    const { value, onConfirm } = props;\n\n    const handleChange = (opt: any) => {\n      const updateValue = opt === undefined ? null : opt;\n      onConfirm(updateValue);\n    };\n\n    const handleKeyDown = (ev: any) => {\n      // record last key pressed so we can handle enter\n      if (ev.which === 13 || ev.which === 9) {\n        ev.persist();\n      }\n    };\n\n    return (\n      <Select\n        autoFocus\n        className=\"select-editor\"\n        defaultOpen\n        allowClear\n        open\n        onMouseDown={(e) => {\n          e.stopPropagation();\n        }}\n        value={value}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        options={options}\n        popupClassName={'excelTablePopupClassName'}\n      />\n    );\n  };\n\n  SelectEditor.checker = (value) => {\n    return (\n      options.some((item: any) => item.value === value) ||\n      options.some((item: any) => item.label === value)\n    );\n  };\n\n  return SelectEditor;\n};\n\nexport default getSelectEditor;\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,MAAM;AAC7B,OAAO,gCAAgC;AACvC;AAAsB,SAAAC,GAAA,IAAAC,IAAA;AAEtB,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAC1BC,OAA4B,EACH;EACzB,IAAMC,YAAkC,GAAG,SAArCA,YAAkCA,CAAIC,KAAK,EAAK;IACpD,IAAQC,KAAK,GAAgBD,KAAK,CAA1BC,KAAK;MAAEC,SAAS,GAAKF,KAAK,CAAnBE,SAAS;IAExB,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,GAAQ,EAAK;MACjC,IAAMC,WAAW,GAAGD,GAAG,KAAKE,SAAS,GAAG,IAAI,GAAGF,GAAG;MAClDF,SAAS,CAACG,WAAW,CAAC;IACxB,CAAC;IAED,IAAME,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,EAAO,EAAK;MACjC;MACA,IAAIA,EAAE,CAACC,KAAK,KAAK,EAAE,IAAID,EAAE,CAACC,KAAK,KAAK,CAAC,EAAE;QACrCD,EAAE,CAACE,OAAO,CAAC,CAAC;MACd;IACF,CAAC;IAED,oBACEd,IAAA,CAACF,MAAM;MACLiB,SAAS;MACTC,SAAS,EAAC,eAAe;MACzBC,WAAW;MACXC,UAAU;MACVC,IAAI;MACJC,WAAW,EAAE,SAAAA,YAACC,CAAC,EAAK;QAClBA,CAAC,CAACC,eAAe,CAAC,CAAC;MACrB,CAAE;MACFjB,KAAK,EAAEA,KAAM;MACbkB,QAAQ,EAAEhB,YAAa;MACvBiB,SAAS,EAAEb,aAAc;MACzBT,OAAO,EAAEA,OAAQ;MACjBuB,cAAc,EAAE;IAA2B,CAC5C,CAAC;EAEN,CAAC;EAEDtB,YAAY,CAACuB,OAAO,GAAG,UAACrB,KAAK,EAAK;IAChC,OACEH,OAAO,CAACyB,IAAI,CAAC,UAACC,IAAS;MAAA,OAAKA,IAAI,CAACvB,KAAK,KAAKA,KAAK;IAAA,EAAC,IACjDH,OAAO,CAACyB,IAAI,CAAC,UAACC,IAAS;MAAA,OAAKA,IAAI,CAACC,KAAK,KAAKxB,KAAK;IAAA,EAAC;EAErD,CAAC;EAED,OAAOF,YAAY;AACrB,CAAC;AAED,eAAeF,eAAe"}