@zhenliang/sheet 0.0.8 → 0.1.0

package/dist/core/util.js

@@ -4,6 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 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); }
@@ -13,7 +14,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 /* eslint-disable no-param-reassign */
 /* eslint-disable @typescript-eslint/no-use-before-define */
 
-import { cloneDeep, isNil, range } from 'lodash';
+import { cloneDeep, get, isNil, range } from 'lodash';
 export function findParentTd(el) {
   if (!el) return null;
   if (el.tagName === 'TD') return el;
@@ -123,7 +124,8 @@ export function formatDataToCell(_ref2) {
   var isSinglePaste = pasteData.length === 1 && pasteData[0].length === 1;
 
   // todo 超出行的处理
-  var isExRow = cells[cells.length - 1].row > ((data === null || data === void 0 ? void 0 : data.length) || 0);
+  // const isExRow = (cells[cells.length - 1].row as number) > (data?.length || 0);
+
   var groupMap = groupConfigToGroupMap(groupConfig);
   var actualRowCount = range((_start$row3 = start === null || start === void 0 ? void 0 : start.row) !== null && _start$row3 !== void 0 ? _start$row3 : 0, ((_end$row3 = end === null || end === void 0 ? void 0 : end.row) !== null && _end$row3 !== void 0 ? _end$row3 : 0) + 1).reduce(function (left, index) {
     var _groupMap$get, _groupMap$get2;
@@ -146,7 +148,7 @@ export function formatDataToCell(_ref2) {
       changes.push({
         row: row,
         col: col,
-        value: pasteData[0][0]
+        value: pasteData[0][0].trimStart().trimEnd()
       });
     });
     return {
@@ -163,13 +165,14 @@ export function formatDataToCell(_ref2) {
     pasteData.forEach(function (rowData, i) {
       rowData.forEach(function (cell, j) {
         if (row + i >= data.length) {
+          var _pasteData$i$j;
           extChanges.push({
             row: row + i,
             col: col + j,
-            value: pasteData[i][j]
+            value: (_pasteData$i$j = pasteData[i][j]) === null || _pasteData$i$j === void 0 ? void 0 : _pasteData$i$j.trimStart().trimEnd()
           });
         } else {
-          var _data, _data2, _groupMap$get5, _groupMap$get6;
+          var _data, _data2, _groupMap$get5, _groupMap$get6, _pasteData$i$j2;
           if (data !== null && data !== void 0 && (_data = data[row + i]) !== null && _data !== void 0 && (_data2 = _data[col + j]) !== null && _data2 !== void 0 && _data2.readonly) return;
           if (groupMap.get(row + i) && !((_groupMap$get5 = groupMap.get(row + i)) !== null && _groupMap$get5 !== void 0 && _groupMap$get5.isStart) && !((_groupMap$get6 = groupMap.get(row + i)) !== null && _groupMap$get6 !== void 0 && _groupMap$get6.isOpen)) {
             hasStartAndNotOpen = true;
@@ -177,7 +180,7 @@ export function formatDataToCell(_ref2) {
           changes.push({
             row: row + i,
             col: col + j,
-            value: pasteData[i][j]
+            value: (_pasteData$i$j2 = pasteData[i][j]) === null || _pasteData$i$j2 === void 0 ? void 0 : _pasteData$i$j2.trimStart().trimEnd()
           });
         }
       });
@@ -191,7 +194,7 @@ export function formatDataToCell(_ref2) {
     }
     return {
       changes: changes,
-      extChanges: isExRow && freePaste ? extChanges : undefined
+      extChanges: freePaste ? extChanges : undefined
     };
   } else {
     // 选中多个单元格，粘贴多个数据
@@ -200,19 +203,24 @@ export function formatDataToCell(_ref2) {
       return;
     }
     var baseCol = cells[0].col;
+    var lastRow = cells[0].row;
     var pasteCount = 0;
     cells.forEach(function (_ref4) {
-      var _groupMap$get7, _groupMap$get8;
+      var _data$row$col, _groupMap$get7, _groupMap$get8, _pasteData$pasteCount, _pasteData$pasteCount2;
       var row = _ref4.row,
         col = _ref4.col;
-      if (data[row][col].readonly) return;
+      if ((_data$row$col = data[row][col]) !== null && _data$row$col !== void 0 && _data$row$col.readonly) return;
       if (groupMap.get(row) && !((_groupMap$get7 = groupMap.get(row)) !== null && _groupMap$get7 !== void 0 && _groupMap$get7.isStart) && !((_groupMap$get8 = groupMap.get(row)) !== null && _groupMap$get8 !== void 0 && _groupMap$get8.isOpen)) {
         return;
       }
+      if (row !== lastRow) {
+        pasteCount++;
+        lastRow = row;
+      }
       changes.push({
         row: row,
         col: col,
-        value: pasteData[pasteCount++][col - baseCol]
+        value: pasteData === null || pasteData === void 0 ? void 0 : (_pasteData$pasteCount = pasteData[pasteCount]) === null || _pasteData$pasteCount === void 0 ? void 0 : (_pasteData$pasteCount2 = _pasteData$pasteCount[col - baseCol]) === null || _pasteData$pasteCount2 === void 0 ? void 0 : _pasteData$pasteCount2.trimStart().trimEnd()
       });
     });
     return {
@@ -227,21 +235,27 @@ export function renderValue(cell) {
   var value = defaultValueRenderer(cell);
   return value === null || typeof value === 'undefined' ? '' : value;
 }
+export var optionsToValuesFromLabelOrValue = function optionsToValuesFromLabelOrValue(options, val) {
+  var labelRes = optionsTransferToValue(options, val);
+  var valueRes = optionsTransferToValue(options, val, 'value');
+  return labelRes !== null && labelRes !== void 0 && labelRes.length ? labelRes : valueRes;
+};
 export var optionsTransferToValue = function optionsTransferToValue(options, val) {
+  var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'label';
   var values = [];
   for (var i = 0; i < options.length; i++) {
     var _options$i = options[i],
-      label = _options$i.label,
       value = _options$i.value,
       children = _options$i.children;
     if (children) {
-      values = optionsTransferToValue(children, val);
+      values = optionsTransferToValue(children, val, key);
       if (values.length) {
         values = [value].concat(_toConsumableArray(values));
         break;
       }
-    } else if (label === val) {
+    } else if (get(options[i], key) === val) {
       values.push(value);
+      console.log('cascader', get(options[i], key), val, value);
       break;
     } else {
       values = [];
@@ -249,6 +263,73 @@ export var optionsTransferToValue = function optionsTransferToValue(options, val
   }
   return values;
 };
+export var optionsTransferToValue2 = function optionsTransferToValue2(options, value) {
+  var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  if (!(options !== null && options !== void 0 && options.length) || !value) return _toConsumableArray(path);
+  var leaveNode = options === null || options === void 0 ? void 0 : options.find(function (item) {
+    var _item$children;
+    return !((_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length) && value === item.value;
+  });
+  if (leaveNode) {
+    return [leaveNode.value];
+  }
+  var childrenNodes = options === null || options === void 0 ? void 0 : options.filter(function (item) {
+    var _item$children2;
+    return (_item$children2 = item.children) === null || _item$children2 === void 0 ? void 0 : _item$children2.length;
+  });
+  if (childrenNodes) {
+    var _iterator = _createForOfIteratorHelper(childrenNodes),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var childrenNode = _step.value;
+        var allPath = optionsTransferToValue(childrenNode.children, value, [].concat(_toConsumableArray(path), [childrenNode.value]));
+        if (allPath !== null && allPath !== void 0 && allPath.length) {
+          return allPath;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  return [];
+};
+export var valuesTransferToLabel = function valuesTransferToLabel(options, value) {
+  if (!(options !== null && options !== void 0 && options.length) || !value) return null;
+  var leaveNode = options === null || options === void 0 ? void 0 : options.find(function (item) {
+    var _item$children3;
+    return !((_item$children3 = item.children) !== null && _item$children3 !== void 0 && _item$children3.length) && value === item.value;
+  });
+  var childrenNode = options === null || options === void 0 ? void 0 : options.filter(function (item) {
+    var _item$children4;
+    return (_item$children4 = item.children) === null || _item$children4 === void 0 ? void 0 : _item$children4.length;
+  }).map(function (item) {
+    return item.children;
+  });
+  if (leaveNode) {
+    return leaveNode.label;
+  }
+  if (childrenNode) {
+    var _iterator2 = _createForOfIteratorHelper(childrenNode),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var children = _step2.value;
+        var label = valuesTransferToLabel(children, value);
+        if (label) {
+          return label;
+        }
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+  }
+  return null;
+};
 export var groupConfigToGroupMap = function groupConfigToGroupMap(rowGroupConfig) {
   var _rowGroupConfig$group;
   var groupMap = new Map();
@@ -320,6 +401,7 @@ export var getRowHeight = function getRowHeight(container) {
 };
 export var getNextVisibleRow = function getNextVisibleRow(row, maxRow, groupMap) {
   var _groupMap$get9, _groupMap$get10;
+  var up = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
   if (!(groupMap !== null && groupMap !== void 0 && groupMap.size)) {
     return row;
   }
@@ -327,7 +409,7 @@ export var getNextVisibleRow = function getNextVisibleRow(row, maxRow, groupMap)
     return null;
   }
   if (groupMap.get(row) && !((_groupMap$get9 = groupMap.get(row)) !== null && _groupMap$get9 !== void 0 && _groupMap$get9.isOpen) && !((_groupMap$get10 = groupMap.get(row)) !== null && _groupMap$get10 !== void 0 && _groupMap$get10.isStart)) {
-    return getNextVisibleRow(row + 1, maxRow, groupMap);
+    return getNextVisibleRow(row + up, maxRow, groupMap);
   }
   return row;
 };
@@ -361,5 +443,4 @@ export var calcMenuPosition = function calcMenuPosition(_ref5) {
     top: top,
     left: left
   };
-};
-//# sourceMappingURL=util.js.map
+};

package/dist/core/viewer/btnViewer/index.js

@@ -1,4 +1,4 @@
-import { useSheetEvent } from "../../../hooks";
+import { useSheetEvent } from "../../..";
 import { Button, Divider } from 'antd';
 import { useCallback } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -34,5 +34,4 @@ export var BtnViewer = function BtnViewer(props) {
       children: "\u5220\u9664"
     }, "delete")]
   });
-};
-//# sourceMappingURL=index.js.map
+};

package/dist/core/viewer/cascaderViewer/index.d.ts

@@ -0,0 +1,2 @@
+import { SheetType } from "../../../type";
+export declare const GetCascaderViewer: (options: SheetType.OptionsType[]) => SheetType.CellViewer;

package/dist/core/viewer/cascaderViewer/index.js

@@ -0,0 +1,11 @@
+/* eslint-disable eqeqeq */
+// == string 和 number 类型忽略
+
+import { valuesTransferToLabel } from "../../util";
+export var GetCascaderViewer = function GetCascaderViewer(options) {
+  var TypeViewer = function TypeViewer(props) {
+    var value = props.value;
+    return valuesTransferToLabel(options, value) || value;
+  };
+  return TypeViewer;
+};

package/dist/core/viewer/checkViewer/index.js

@@ -1,4 +1,4 @@
-import { useSheetEvent } from "../../../hooks";
+import { useSheetEvent } from "../../..";
 import { Checkbox } from 'antd';
 import { useCallback } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -20,5 +20,4 @@ export var CheckViewer = function CheckViewer(props) {
     checked: value,
     onChange: handleChange
   });
-};
-//# sourceMappingURL=index.js.map
+};

package/dist/core/viewer/editViewer/index.js

@@ -1,5 +1,5 @@
 import { EditFilled } from '@ant-design/icons';
-import { useSheetEvent } from "../../../hooks";
+import { useSheetEvent } from "../../..";
 import { useCallback } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -28,5 +28,4 @@ export var EditViewer = function EditViewer(props) {
       onClick: handleClick
     })]
   });
-};
-//# sourceMappingURL=index.js.map
+};

package/dist/core/viewer/groupViewer/index.js

@@ -1,5 +1,5 @@
 import { MinusSquareOutlined, PlusSquareOutlined } from '@ant-design/icons';
-import { useSheetEvent } from "../../../hooks";
+import { useSheetEvent } from "../../..";
 import { useCallback } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var GroupViewer = function GroupViewer(props) {
@@ -20,10 +20,12 @@ export var GroupViewer = function GroupViewer(props) {
   }, [eventBus, row, record === null || record === void 0 ? void 0 : record.open]);
   if (value) {
     return /*#__PURE__*/_jsx("span", {
+      onMouseDown: function onMouseDown(e) {
+        return e.stopPropagation();
+      },
       onClick: handleChange,
       children: !(record !== null && record !== void 0 && record.open) ? /*#__PURE__*/_jsx(PlusSquareOutlined, {}) : /*#__PURE__*/_jsx(MinusSquareOutlined, {})
     });
   }
   return /*#__PURE__*/_jsx("span", {});
-};
-//# sourceMappingURL=index.js.map
+};

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

@@ -2,4 +2,5 @@ export { BtnViewer } from './btnViewer';
 export { CheckViewer } from './checkViewer';
 export { EditViewer } from './editViewer';
 export { GroupViewer } from './groupViewer';
+export { getSelectorViewer } from './selectorViewer';
 export { SwitchViewer } from './switchViewer';

package/dist/core/viewer/index.js

@@ -2,5 +2,5 @@ export { BtnViewer } from "./btnViewer";
 export { CheckViewer } from "./checkViewer";
 export { EditViewer } from "./editViewer";
 export { GroupViewer } from "./groupViewer";
-export { SwitchViewer } from "./switchViewer";
-//# sourceMappingURL=index.js.map
+export { getSelectorViewer } from "./selectorViewer";
+export { SwitchViewer } from "./switchViewer";

package/dist/core/viewer/selectorViewer/index.d.ts

@@ -0,0 +1,2 @@
+import { SheetType } from "../../../type";
+export declare const getSelectorViewer: (options: SheetType.Options[]) => SheetType.CellViewer;

package/dist/core/viewer/selectorViewer/index.js

@@ -0,0 +1,12 @@
+/* eslint-disable eqeqeq */
+// == string 和 number 类型忽略
+
+export var getSelectorViewer = function getSelectorViewer(options) {
+  var TypeViewer = function TypeViewer(props) {
+    var _options$find;
+    return ((_options$find = options.find(function (item) {
+      return item.label === props.value || item.value == props.value;
+    })) === null || _options$find === void 0 ? void 0 : _options$find.label) || null;
+  };
+  return TypeViewer;
+};

package/dist/core/viewer/switchViewer/index.js

@@ -1,4 +1,4 @@
-import { useSheetEvent } from "../../../hooks";
+import { useSheetEvent } from "../../..";
 import { Switch } from 'antd';
 import { useCallback } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -19,5 +19,4 @@ export var SwitchViewer = function SwitchViewer(props) {
     checked: value,
     onChange: handleChange
   });
-};
-//# sourceMappingURL=index.js.map
+};

package/dist/example/antComponent.js

@@ -14,14 +14,16 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
 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 { Modal } from 'antd';
+import { Button, Modal } from 'antd';
 import { cloneDeep, random } from 'lodash';
-import React, { useCallback, useRef, useState } from 'react';
-import { getCascaderEditor, GetDateEditor, getNumberEditor, getSelectEditor } from "../core/editor";
+import React, { useCallback, useMemo, useRef, useState } from 'react';
+import { getCascaderEditor, getDateEditor, getNumberEditor, getSelectEditor } from "../core/editor";
 import Table from "../core/table";
 import { BtnViewer } from "../core/viewer/btnViewer";
+import { GetCascaderViewer } from "../core/viewer/cascaderViewer";
 import { EditViewer } from "../core/viewer/editViewer";
 import { SwitchViewer } from "../core/viewer/switchViewer";
+import { SheetType } from "../type";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Precision2MoneyEditor = getNumberEditor({
   max: 1000,
@@ -34,7 +36,7 @@ var Precision2Number = getNumberEditor({
   min: 0,
   precision: 2
 });
-var TypeSelector = getSelectEditor([{
+var SelectorOptions = [{
   value: '1',
   label: '111111'
 }, {
@@ -43,8 +45,17 @@ var TypeSelector = getSelectEditor([{
 }, {
   value: '3',
   label: '333333'
-}]);
-var CascaderSelector = getCascaderEditor([{
+}];
+var getTypeViewer = function getTypeViewer(options) {
+  var TypeViewer = function TypeViewer(props) {
+    return options.find(function (item) {
+      return item.label === props.value || item.value == props.value;
+    }).label;
+  };
+  return TypeViewer;
+};
+var TypeSelector = getSelectEditor(SelectorOptions, 'label');
+var cascaderOptions = [{
   value: 'zhejiang',
   label: 'Zhejiang',
   children: [{
@@ -66,7 +77,9 @@ var CascaderSelector = getCascaderEditor([{
       label: 'Zhong Hua Men'
     }]
   }]
-}]);
+}];
+var CascaderViewer = GetCascaderViewer(cascaderOptions);
+var CascaderSelector = getCascaderEditor(cascaderOptions);
 var columns = [{
   title: 'Full Name',
   width: 100,
@@ -99,22 +112,31 @@ var columns = [{
   width: 150,
   dataIndex: 'date',
   key: 'date',
-  editor: GetDateEditor()
+  editor: getDateEditor()
   // fixed: 'left',
 }, {
   title: 'select',
   width: 200,
   dataIndex: 'select',
-  editor: TypeSelector
+  render: getTypeViewer(SelectorOptions),
+  editor: getSelectEditor(SelectorOptions, 'label')
 }, {
   title: 'Column 2',
   width: 200,
+  titleConfig: {
+    colSpan: 2
+  },
   dataIndex: 'address1',
+  align: SheetType.CellAlign.center,
   key: '2',
+  render: CascaderViewer,
   editor: CascaderSelector
 }, {
   title: 'Column 3',
   width: 200,
+  titleConfig: {
+    colSpan: 0
+  },
   dataIndex: 'address2',
   key: '3',
   editable: false,
@@ -146,7 +168,7 @@ var columns = [{
   key: '8'
 }, {
   title: 'Action',
-  align: 'center',
+  align: SheetType.CellAlign.center,
   key: 'operation',
   fixed: 'right',
   width: 150,
@@ -177,8 +199,13 @@ var App = function App() {
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
+  var _useState3 = useState(SelectorOptions),
+    _useState4 = _slicedToArray(_useState3, 2),
+    options = _useState4[0],
+    setOptions = _useState4[1];
   var sheetInstance = useRef(null);
-  var handleChange = useCallback(function (changes) {
+  var handleChange = useCallback(function (changes, extChange) {
+    console.log(extChange);
     var newState = cloneDeep(state);
     changes.forEach(function (change) {
       var row = change.row,
@@ -209,9 +236,29 @@ var App = function App() {
       address: 'London Park'
     }]));
   }, [state]);
+  var handleOptionsAdd = useCallback(function () {
+    setOptions([].concat(_toConsumableArray(options), [{
+      label: String("newSelect".concat(random(false))),
+      value: String(random(true))
+    }]));
+  }, [options]);
+  var antColumns = useMemo(function () {
+    var newColumns = [].concat(columns);
+    newColumns[4] = _objectSpread(_objectSpread({}, columns[4]), {}, {
+      render: getTypeViewer(options),
+      editor: getSelectEditor(options, 'value', /*#__PURE__*/_jsx(Button, {
+        id: "antColumnAdd",
+        type: "link",
+        onClick: handleOptionsAdd,
+        children: "\u65B0\u589E"
+      }))
+    });
+    return newColumns;
+  }, [options]);
   return /*#__PURE__*/_jsx(Table, {
+    freePaste: true,
     sheetInstance: sheetInstance,
-    columns: columns,
+    columns: antColumns,
     dataSource: state,
     scroll: {
       x: '100%'
@@ -261,5 +308,4 @@ var App = function App() {
     }
   });
 };
-export default App;
-//# sourceMappingURL=antComponent.js.map
+export default App;

package/dist/example/basic.js

@@ -14,7 +14,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
 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 Table from "../core/table";
+import { Table } from "./..";
 import { Space, Tag } from 'antd';
 import 'antd/dist/antd.css';
 import React, { useCallback, useState } from 'react';
@@ -117,5 +117,4 @@ var App = function App() {
     onChange: onChange
   });
 };
-export default App;
-//# sourceMappingURL=basic.js.map
+export default App;

package/dist/example/ellipsis.js

@@ -60,5 +60,4 @@ var App = function App() {
     onChange: function onChange() {}
   });
 };
-export default App;
-//# sourceMappingURL=ellipsis.js.map
+export default App;

package/dist/example/fixed.js

@@ -85,5 +85,4 @@ var App = function App() {
     onChange: function onChange() {}
   });
 };
-export default App;
-//# sourceMappingURL=fixed.js.map
+export default App;

package/dist/example/group.js

@@ -1,3 +1,11 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+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; }
+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 { cloneDeep } from 'lodash';
+import { useCallback, useState } from 'react';
 import Table from "../core/table";
 import { jsx as _jsx } from "react/jsx-runtime";
 var columns = [{
@@ -29,47 +37,78 @@ var columns = [{
 }];
 var data = [{
   key: 1,
+  id: 1,
   name: 'John Brown',
   age: 32,
   address: 'New York No. 1 Lake Park',
   children: [{
+    id: 11,
     key: '1-1'
   }, {
+    id: 12,
     key: '1-2'
   }]
 }, {
   key: 2,
+  id: 2,
   name: 'Jim Green',
   age: 42,
   address: 'London No. 1 Lake Park',
   children: [{
+    id: 21,
     key: '2-1'
   }, {
+    id: 22,
     key: '2-2'
   }]
 }, {
   key: 3,
+  id: 3,
   name: 'Not Expandable',
   age: 29,
   address: 'Jiangsu No. 1 Lake Park'
 }, {
   key: 4,
+  id: 4,
   name: 'Joe Black',
   age: 32,
   address: 'Sidney No. 1 Lake Park',
   children: [{
+    id: 41,
     key: '4-1'
   }, {
+    id: 42,
     key: '4-2'
   }]
 }];
 var App = function App() {
+  var _useState = useState(data),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var handleChange = useCallback(function (changes, extChange) {
+    console.log(extChange);
+    var newState = cloneDeep(state);
+    changes.forEach(function (change) {
+      var row = change.row,
+        key = change.key,
+        value = change.value;
+      newState[row][key] = value;
+    });
+    setState(newState);
+  }, [state]);
   return /*#__PURE__*/_jsx(Table, {
     draggable: true,
     scroll: {
       x: '100%'
     },
-    columns: columns
+    columns: columns,
+    showBackEdit: true,
+    backEditStyle: {
+      marginLeft: '10px',
+      bottom: '5px',
+      right: '5px'
+    }
     // expandable={{
     //   expandedRowRender: (record) => (
     //     <p style={{ margin: 0 }}>{record.description}</p>
@@ -78,8 +117,7 @@ var App = function App() {
     // }}
     ,
     dataSource: data,
-    onChange: function onChange() {}
+    onChange: handleChange
   });
 };
-export default App;
-//# sourceMappingURL=group.js.map
+export default App;

package/dist/example/selection.js

@@ -14,7 +14,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
 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 Table from "../core/table";
+import { Table } from "./..";
 import 'antd/dist/antd.css';
 import React, { useCallback, useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -82,5 +82,4 @@ var App = function App() {
     }
   });
 };
-export default App;
-//# sourceMappingURL=selection.js.map
+export default App;