@zhenliang/sheet 0.1.73 → 0.1.74
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core/editor/dateEditor/index.js +6 -6
- package/dist/core/editor/numberEditor/index.d.ts +1 -1
- package/dist/core/editor/numberEditor/index.js +7 -7
- package/dist/core/editor/selectEditor/index.js +6 -6
- package/dist/core/reducers/index.d.ts +2 -2
- package/dist/core/reducers/keyboardReducer.js +8 -7
- package/dist/core/reducers/mouseReducer.js +10 -9
- package/dist/core/reducers/sideEffectReducer.d.ts +1 -1
- package/dist/core/reducers/sideEffectReducer.js +17 -17
- package/dist/core/reducers/stateReducer.js +10 -10
- package/dist/core/sheet/Cell.js +2 -2
- package/dist/core/sheet/DataEditor.js +1 -1
- package/dist/core/sheet/DefaultCell.d.ts +4 -3
- package/dist/core/sheet/DefaultCell.js +5 -5
- package/dist/core/sheet/DefaultRowMapper.js +5 -5
- package/dist/core/sheet/Remark.d.ts +9 -0
- package/dist/core/sheet/Remark.js +32 -0
- package/dist/core/sheet/index.js +67 -19
- package/dist/core/sheet/index.less +36 -0
- package/dist/core/sheet/searchInput.js +1 -1
- package/dist/core/sheet/useContextMenu.d.ts +1 -1
- package/dist/core/sheet/useContextMenu.js +11 -11
- package/dist/core/sheet/useKeyBoardEvent.js +1 -1
- package/dist/core/sheet/useMouseEvent.js +11 -12
- package/dist/core/sheet/useRemarkContainer.d.ts +14 -0
- package/dist/core/sheet/useRemarkContainer.js +144 -0
- package/dist/core/sheet/useSearchInput.js +8 -8
- package/dist/core/sheet/useSelectVisible.js +3 -3
- package/dist/core/sheet/useVirtualList.js +3 -3
- package/dist/core/shell/draggableShell/index.d.ts +2 -1
- package/dist/core/shell/draggableShell/index.js +15 -10
- package/dist/core/shell/tableShell.d.ts +3 -2
- package/dist/core/shell/tableShell.js +11 -155
- package/dist/core/table/addButton.d.ts +0 -1
- package/dist/core/table/addButton.js +2 -3
- package/dist/core/table/events.js +7 -7
- package/dist/core/table/index.d.ts +1 -0
- package/dist/core/table/index.js +167 -17
- package/dist/core/table/index.less +19 -0
- package/dist/core/table/remarkEvent.d.ts +5 -0
- package/dist/core/table/remarkEvent.js +9 -0
- package/dist/core/table/useGroupConfig.d.ts +1 -1
- package/dist/core/table/useGroupConfig.js +16 -14
- package/dist/core/table/useRowSelection.d.ts +3 -25
- package/dist/core/table/useRowSelection.js +7 -4
- package/dist/core/util.js +14 -14
- package/dist/core/viewer/editViewer/index.js +1 -2
- package/dist/core/viewer/groupViewer/index.js +4 -8
- package/dist/example/antComponent.js +9 -9
- package/dist/example/basic.js +6 -6
- package/dist/example/group.js +1 -2
- package/dist/example/selection.js +6 -6
- package/dist/example/sheet.js +16 -21
- package/dist/example/valuationAnalyze.d.ts +1 -0
- package/dist/example/valuationAnalyze.js +356 -14
- package/dist/hooks/useEventBus.d.ts +1 -0
- package/dist/hooks/useEventBus.js +1 -1
- package/dist/hooks/useKeyboard.d.ts +2 -2
- package/dist/hooks/useMiddlewareReducer.d.ts +5 -5
- package/dist/hooks/useMiddlewareReducer.js +2 -2
- package/dist/hooks/useMouse.d.ts +1 -1
- package/dist/hooks/useMouse.js +6 -6
- package/dist/hooks/useSetState.js +6 -6
- package/dist/standardUtils/index.d.ts +1 -1
- package/dist/standardUtils/index.js +1 -1
- package/dist/type/sheet.d.ts +40 -32
- package/dist/type/sheetTable.d.ts +24 -11
- package/package.json +8 -3
- package/changes.md +0 -45
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
function _typeof(
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
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; }
|
|
5
|
-
function _toPropertyKey(
|
|
6
|
-
function _toPrimitive(
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
|
+
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); }
|
|
7
7
|
import { pick } from 'lodash';
|
|
8
8
|
import { useCallback, useEffect } from 'react';
|
|
9
9
|
export var useSearchInput = function useSearchInput(state, dispatch, handlerRef) {
|
|
@@ -15,18 +15,18 @@ export var useSearchInput = function useSearchInput(state, dispatch, handlerRef)
|
|
|
15
15
|
var result = (_state$searchResultLi = state.searchResultList) === null || _state$searchResultLi === void 0 ? void 0 : _state$searchResultLi[index];
|
|
16
16
|
if (result) {
|
|
17
17
|
var _state$eventBus, _handlerRef$current, _handlerRef$current2;
|
|
18
|
-
(_state$eventBus = state.eventBus) === null || _state$eventBus === void 0
|
|
18
|
+
(_state$eventBus = state.eventBus) === null || _state$eventBus === void 0 || _state$eventBus.emit('group-open-title', true);
|
|
19
19
|
dispatch({
|
|
20
20
|
type: 'changes',
|
|
21
21
|
payload: {
|
|
22
22
|
searchCurrent: index
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
|
-
(_handlerRef$current = handlerRef.current) === null || _handlerRef$current === void 0
|
|
25
|
+
(_handlerRef$current = handlerRef.current) === null || _handlerRef$current === void 0 || _handlerRef$current.select({
|
|
26
26
|
start: result,
|
|
27
27
|
end: result
|
|
28
28
|
});
|
|
29
|
-
handlerRef === null || handlerRef === void 0
|
|
29
|
+
handlerRef === null || handlerRef === void 0 || (_handlerRef$current2 = handlerRef.current) === null || _handlerRef$current2 === void 0 || _handlerRef$current2.zoomTo();
|
|
30
30
|
}
|
|
31
31
|
}, [state.searchTotal, state.searchResultList]);
|
|
32
32
|
var goNext = useCallback(function () {
|
|
@@ -2,7 +2,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
|
|
|
2
2
|
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."); }
|
|
3
3
|
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); }
|
|
4
4
|
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; }
|
|
5
|
-
function _iterableToArrayLimit(
|
|
5
|
+
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; } }
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import { throttle } from 'lodash';
|
|
8
8
|
import { useEffect, useState } from 'react';
|
|
@@ -45,10 +45,10 @@ export var useSelectVisible = function useSelectVisible(sheetWrapper, start) {
|
|
|
45
45
|
}
|
|
46
46
|
}, 100);
|
|
47
47
|
handleScroll();
|
|
48
|
-
(_sheetWrapper$current3 = sheetWrapper.current) === null || _sheetWrapper$current3 === void 0
|
|
48
|
+
(_sheetWrapper$current3 = sheetWrapper.current) === null || _sheetWrapper$current3 === void 0 || _sheetWrapper$current3.addEventListener('scroll', handleScroll);
|
|
49
49
|
return function () {
|
|
50
50
|
var _sheetWrapper$current4;
|
|
51
|
-
(_sheetWrapper$current4 = sheetWrapper.current) === null || _sheetWrapper$current4 === void 0
|
|
51
|
+
(_sheetWrapper$current4 = sheetWrapper.current) === null || _sheetWrapper$current4 === void 0 || _sheetWrapper$current4.removeEventListener('scroll', handleScroll);
|
|
52
52
|
};
|
|
53
53
|
}, [sheetWrapper.current, start]);
|
|
54
54
|
if (!start) {
|
|
@@ -2,7 +2,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
|
|
|
2
2
|
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."); }
|
|
3
3
|
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); }
|
|
4
4
|
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; }
|
|
5
|
-
function _iterableToArrayLimit(
|
|
5
|
+
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; } }
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
8
8
|
import { useGroup } from "../../hooks/useGroupConfig";
|
|
@@ -33,7 +33,7 @@ export var useVirtualList = function useVirtualList(elementRef) {
|
|
|
33
33
|
// const virtualRef = useRef<VirtualConfig | null>();
|
|
34
34
|
useEffect(function () {
|
|
35
35
|
var _elementRef$current;
|
|
36
|
-
(_elementRef$current = elementRef.current) === null || _elementRef$current === void 0
|
|
36
|
+
(_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 || _elementRef$current.scrollBy({
|
|
37
37
|
top: 0
|
|
38
38
|
});
|
|
39
39
|
}, [groupConfig]);
|
|
@@ -64,7 +64,7 @@ export var useVirtualList = function useVirtualList(elementRef) {
|
|
|
64
64
|
elementRef.current.addEventListener('scroll', handleScroll);
|
|
65
65
|
return function () {
|
|
66
66
|
var _elementRef$current2;
|
|
67
|
-
(_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0
|
|
67
|
+
(_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 || _elementRef$current2.removeEventListener('scroll', handleScroll);
|
|
68
68
|
};
|
|
69
69
|
}, [elementRef.current, data.length]);
|
|
70
70
|
if (!virtualized) {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import type { SheetType } from "../../../type";
|
|
2
3
|
import './index.less';
|
|
3
|
-
export declare const DraggableShell: ({ columns, className, showGroup, showSelect, controlProps, controlWidth, }: SheetType.SheetShell) => import("react").FC<{
|
|
4
|
+
export declare const DraggableShell: ({ columns, className, showGroup, showSelect, controlProps, dragable, controlWidth, }: SheetType.SheetShell) => import("react").FC<{
|
|
4
5
|
children: React.ReactElement;
|
|
5
6
|
isScrolledOver: boolean;
|
|
6
7
|
isScrolledToEnd: boolean;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
function _typeof(
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
2
|
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; }
|
|
3
|
-
function _toPropertyKey(
|
|
4
|
-
function _toPrimitive(
|
|
3
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
4
|
+
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); }
|
|
5
5
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
6
6
|
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."); }
|
|
7
7
|
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); }
|
|
8
8
|
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; }
|
|
9
|
-
function _iterableToArrayLimit(
|
|
9
|
+
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; } }
|
|
10
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
11
11
|
import { createElement, useEffect, useMemo, useRef } from 'react';
|
|
12
12
|
import { useSetState, useSheetEvent, useWidth } from "../../../hooks";
|
|
@@ -23,6 +23,8 @@ export var DraggableShell = function DraggableShell(_ref) {
|
|
|
23
23
|
showGroup = _ref.showGroup,
|
|
24
24
|
showSelect = _ref.showSelect,
|
|
25
25
|
controlProps = _ref.controlProps,
|
|
26
|
+
_ref$dragable = _ref.dragable,
|
|
27
|
+
dragable = _ref$dragable === void 0 ? true : _ref$dragable,
|
|
26
28
|
_ref$controlWidth = _ref.controlWidth,
|
|
27
29
|
controlWidth = _ref$controlWidth === void 0 ? 30 : _ref$controlWidth;
|
|
28
30
|
var TableShell = function TableShell(_ref2) {
|
|
@@ -95,17 +97,17 @@ export var DraggableShell = function DraggableShell(_ref) {
|
|
|
95
97
|
col: -1,
|
|
96
98
|
value: true,
|
|
97
99
|
record: {
|
|
98
|
-
open: controlProps === null || controlProps === void 0
|
|
100
|
+
open: controlProps === null || controlProps === void 0 || (_controlProps$group = controlProps.group) === null || _controlProps$group === void 0 ? void 0 : _controlProps$group.open,
|
|
99
101
|
isHeader: true
|
|
100
102
|
}
|
|
101
103
|
}), showSelect && /*#__PURE__*/_jsx(CheckViewer, {
|
|
102
104
|
row: -1,
|
|
103
105
|
col: -1,
|
|
104
|
-
value: controlProps === null || controlProps === void 0
|
|
106
|
+
value: controlProps === null || controlProps === void 0 || (_controlProps$check = controlProps.check) === null || _controlProps$check === void 0 ? void 0 : _controlProps$check.checked,
|
|
105
107
|
record: {
|
|
106
|
-
open: controlProps === null || controlProps === void 0
|
|
108
|
+
open: controlProps === null || controlProps === void 0 || (_controlProps$check2 = controlProps.check) === null || _controlProps$check2 === void 0 ? void 0 : _controlProps$check2.checked,
|
|
107
109
|
isHeader: true,
|
|
108
|
-
indeterminate: controlProps === null || controlProps === void 0
|
|
110
|
+
indeterminate: controlProps === null || controlProps === void 0 || (_controlProps$check3 = controlProps.check) === null || _controlProps$check3 === void 0 ? void 0 : _controlProps$check3.indeterminate
|
|
109
111
|
}
|
|
110
112
|
})]
|
|
111
113
|
}, "-1"));
|
|
@@ -203,6 +205,9 @@ export var DraggableShell = function DraggableShell(_ref) {
|
|
|
203
205
|
return ths;
|
|
204
206
|
}, [columns, colItems, isScrolledOver, isScrolledToEnd]);
|
|
205
207
|
useEffect(function () {
|
|
208
|
+
if (!dragable) {
|
|
209
|
+
return;
|
|
210
|
+
}
|
|
206
211
|
var handleMouseUp = function handleMouseUp() {
|
|
207
212
|
//结束宽度调整
|
|
208
213
|
if (downRef.current) {
|
|
@@ -217,12 +222,12 @@ export var DraggableShell = function DraggableShell(_ref) {
|
|
|
217
222
|
var _downRef$current$oldW, _downRef$current$oldX;
|
|
218
223
|
downRef.current.style.cursor = 'default';
|
|
219
224
|
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) {
|
|
220
|
-
var _downRef$current$oldW2, _downRef$current$oldX2, _headRef$current, _columns$actualIndex
|
|
225
|
+
var _downRef$current$oldW2, _downRef$current$oldX2, _headRef$current, _columns$actualIndex;
|
|
221
226
|
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);
|
|
222
227
|
var cellList = [].slice.call((_headRef$current = headRef.current) === null || _headRef$current === void 0 ? void 0 : _headRef$current.cells);
|
|
223
228
|
var changeIndex = cellList.indexOf(downRef.current);
|
|
224
229
|
var actualIndex = changeIndex - offset;
|
|
225
|
-
var isDoubleSpan = (((_columns$actualIndex = columns[actualIndex]) === null || _columns$actualIndex === void 0
|
|
230
|
+
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;
|
|
226
231
|
var nextColumn = columns[actualIndex + 1] || {};
|
|
227
232
|
var nextWidth = +String(nextColumn === null || nextColumn === void 0 ? void 0 : nextColumn.width).replace('px', '');
|
|
228
233
|
//调整该列中的每个Cell
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import type { SheetType } from "../../type";
|
|
2
3
|
import './draggableShell/index.less';
|
|
3
|
-
export declare const TableShell: (
|
|
4
|
-
children:
|
|
4
|
+
export declare const TableShell: (props: SheetType.SheetShell) => import("react").FC<{
|
|
5
|
+
children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
5
6
|
isScrolledOver: boolean;
|
|
6
7
|
isScrolledToEnd: boolean;
|
|
7
8
|
}>;
|
|
@@ -1,157 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
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; }
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
|
+
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); }
|
|
6
7
|
import "./draggableShell/index.less";
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
className = _ref.className,
|
|
13
|
-
showGroup = _ref.showGroup,
|
|
14
|
-
showSelect = _ref.showSelect,
|
|
15
|
-
controlProps = _ref.controlProps,
|
|
16
|
-
_ref$controlWidth = _ref.controlWidth,
|
|
17
|
-
controlWidth = _ref$controlWidth === void 0 ? 30 : _ref$controlWidth;
|
|
18
|
-
var TableShell = function TableShell(_ref2) {
|
|
19
|
-
var children = _ref2.children,
|
|
20
|
-
isScrolledOver = _ref2.isScrolledOver,
|
|
21
|
-
isScrolledToEnd = _ref2.isScrolledToEnd;
|
|
22
|
-
var eventBus = useSheetEvent();
|
|
23
|
-
var colItems = useMemo(function () {
|
|
24
|
-
var cols = [];
|
|
25
|
-
if (showGroup || showSelect) {
|
|
26
|
-
cols.push( /*#__PURE__*/_jsx("col", {
|
|
27
|
-
className: classNames('sheet-control'),
|
|
28
|
-
style: {
|
|
29
|
-
width: controlWidth,
|
|
30
|
-
border: 'none'
|
|
31
|
-
}
|
|
32
|
-
}, "sheet-control"));
|
|
33
|
-
}
|
|
34
|
-
columns.forEach(function (item, index) {
|
|
35
|
-
cols.push( /*#__PURE__*/_jsx("col", {
|
|
36
|
-
className: classNames('cell'),
|
|
37
|
-
style: {
|
|
38
|
-
width: item.width || 'unset',
|
|
39
|
-
border: 'none'
|
|
40
|
-
}
|
|
41
|
-
}, item.dataIndex || index));
|
|
42
|
-
});
|
|
43
|
-
return cols;
|
|
44
|
-
}, [columns, showGroup || showSelect, controlWidth]);
|
|
45
|
-
var thItems = useMemo(function () {
|
|
46
|
-
var ths = [];
|
|
47
|
-
var hasControl = showGroup || showSelect;
|
|
48
|
-
var positionArr = [];
|
|
49
|
-
if (hasControl) {
|
|
50
|
-
var _controlProps$group, _controlProps$check, _controlProps$check2, _controlProps$check3;
|
|
51
|
-
ths.push( /*#__PURE__*/_jsxs("th", {
|
|
52
|
-
className: "cell cell-title read-only sheet-control",
|
|
53
|
-
children: [showGroup && /*#__PURE__*/_jsx(GroupViewer, {
|
|
54
|
-
row: -1,
|
|
55
|
-
col: -1,
|
|
56
|
-
value: true,
|
|
57
|
-
record: {
|
|
58
|
-
open: controlProps === null || controlProps === void 0 ? void 0 : (_controlProps$group = controlProps.group) === null || _controlProps$group === void 0 ? void 0 : _controlProps$group.open,
|
|
59
|
-
isHeader: true
|
|
60
|
-
}
|
|
61
|
-
}), showSelect && /*#__PURE__*/_jsx(CheckViewer, {
|
|
62
|
-
row: -1,
|
|
63
|
-
col: -1,
|
|
64
|
-
value: controlProps === null || controlProps === void 0 ? void 0 : (_controlProps$check = controlProps.check) === null || _controlProps$check === void 0 ? void 0 : _controlProps$check.checked,
|
|
65
|
-
record: {
|
|
66
|
-
open: controlProps === null || controlProps === void 0 ? void 0 : (_controlProps$check2 = controlProps.check) === null || _controlProps$check2 === void 0 ? void 0 : _controlProps$check2.checked,
|
|
67
|
-
isHeader: true,
|
|
68
|
-
indeterminate: controlProps === null || controlProps === void 0 ? void 0 : (_controlProps$check3 = controlProps.check) === null || _controlProps$check3 === void 0 ? void 0 : _controlProps$check3.indeterminate
|
|
69
|
-
}
|
|
70
|
-
})]
|
|
71
|
-
}, "-1"));
|
|
72
|
-
positionArr.push({
|
|
73
|
-
isLastFixedLeft: false,
|
|
74
|
-
isFirstFixedRight: false,
|
|
75
|
-
fixPosition: 0
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
var fixLeftPosition = 0;
|
|
79
|
-
var fixRightPosition = columns.reduce(function (pre, cur, index) {
|
|
80
|
-
if (cur.fixed === 'right') {
|
|
81
|
-
var positionIndex = hasControl ? index + 1 : index;
|
|
82
|
-
return pre + colItems[positionIndex].props.style.width;
|
|
83
|
-
}
|
|
84
|
-
return pre + 0;
|
|
85
|
-
}, 0);
|
|
86
|
-
columns.forEach(function (item, index) {
|
|
87
|
-
var _item$titleConfig, _item$titleConfig2, _ref3;
|
|
88
|
-
var positionIndex = hasControl ? index + 1 : index;
|
|
89
|
-
if (item.fixed === 'right') {
|
|
90
|
-
fixRightPosition -= colItems[positionIndex].props.style.width;
|
|
91
|
-
}
|
|
92
|
-
var isLastFixedLeft = item.fixed === 'left' && !columns.slice(index + 1).some(function (item) {
|
|
93
|
-
return item.fixed === 'left';
|
|
94
|
-
});
|
|
95
|
-
var isFirstFixedRight = item.fixed === 'right' && !columns.slice(0, index).some(function (item) {
|
|
96
|
-
return item.fixed === 'right';
|
|
97
|
-
});
|
|
98
|
-
positionArr.push({
|
|
99
|
-
isLastFixedLeft: isLastFixedLeft,
|
|
100
|
-
isFirstFixedRight: isFirstFixedRight,
|
|
101
|
-
fixPosition: item.fixed === 'right' ? fixRightPosition : fixLeftPosition
|
|
102
|
-
});
|
|
103
|
-
((_item$titleConfig = item.titleConfig) === null || _item$titleConfig === void 0 ? void 0 : _item$titleConfig.colSpan) !== 0 && ths.push( /*#__PURE__*/_jsx("th", {
|
|
104
|
-
className: classNames('cell', 'cell-title', 'read-only', item.fixed && 'fixed', item.fixed && "fixed-".concat(item.fixed), isLastFixedLeft && isScrolledOver ? "last-fixed-left" : '', isFirstFixedRight && !isScrolledToEnd ? "first-fixed-right" : ''),
|
|
105
|
-
colSpan: (_item$titleConfig2 = item.titleConfig) === null || _item$titleConfig2 === void 0 ? void 0 : _item$titleConfig2.colSpan,
|
|
106
|
-
onClick: function onClick() {
|
|
107
|
-
eventBus.emit('col-select', {
|
|
108
|
-
col: index
|
|
109
|
-
});
|
|
110
|
-
},
|
|
111
|
-
style: {
|
|
112
|
-
textAlign: (_ref3 = item.align) !== null && _ref3 !== void 0 ? _ref3 : 'unset',
|
|
113
|
-
cursor: 'e-resizer',
|
|
114
|
-
left: item.fixed === 'left' ? fixLeftPosition : 'unset',
|
|
115
|
-
right: item.fixed === 'right' ? fixRightPosition : 'unset'
|
|
116
|
-
},
|
|
117
|
-
children: /*#__PURE__*/_jsx("span", {
|
|
118
|
-
className: "value-viewer",
|
|
119
|
-
children: item.title
|
|
120
|
-
})
|
|
121
|
-
}, item.dataIndex || index));
|
|
122
|
-
if (item.fixed === 'left') {
|
|
123
|
-
fixLeftPosition += colItems[positionIndex].props.style.width;
|
|
124
|
-
}
|
|
125
|
-
});
|
|
126
|
-
setTimeout(function () {
|
|
127
|
-
eventBus.emit('change-fixed-position', positionArr);
|
|
128
|
-
}, 16);
|
|
129
|
-
return ths;
|
|
130
|
-
}, [columns, showGroup || showSelect, controlProps, isScrolledOver, isScrolledToEnd]);
|
|
131
|
-
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
132
|
-
children: [/*#__PURE__*/_jsxs("table", {
|
|
133
|
-
className: classNames('header', 'harvest-sheet', className),
|
|
134
|
-
style: {
|
|
135
|
-
position: 'sticky',
|
|
136
|
-
top: 0,
|
|
137
|
-
zIndex: 3
|
|
138
|
-
},
|
|
139
|
-
children: [/*#__PURE__*/_jsx("colgroup", {
|
|
140
|
-
children: colItems
|
|
141
|
-
}), /*#__PURE__*/_jsx("thead", {
|
|
142
|
-
children: /*#__PURE__*/_jsx("tr", {
|
|
143
|
-
children: thItems
|
|
144
|
-
})
|
|
145
|
-
})]
|
|
146
|
-
}, "header"), /*#__PURE__*/_jsxs("table", {
|
|
147
|
-
className: classNames('body', 'harvest-sheet'),
|
|
148
|
-
children: [/*#__PURE__*/_jsx("colgroup", {
|
|
149
|
-
children: colItems
|
|
150
|
-
}), /*#__PURE__*/_jsx("tbody", {
|
|
151
|
-
children: children
|
|
152
|
-
}, "tbody")]
|
|
153
|
-
}, "body")]
|
|
154
|
-
});
|
|
155
|
-
};
|
|
156
|
-
return TableShell;
|
|
8
|
+
import { DraggableShell } from "./draggableShell";
|
|
9
|
+
export var TableShell = function TableShell(props) {
|
|
10
|
+
return DraggableShell(_objectSpread(_objectSpread({}, props), {}, {
|
|
11
|
+
dragable: false
|
|
12
|
+
}));
|
|
157
13
|
};
|
|
@@ -2,12 +2,11 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
|
|
|
2
2
|
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."); }
|
|
3
3
|
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); }
|
|
4
4
|
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; }
|
|
5
|
-
function _iterableToArrayLimit(
|
|
5
|
+
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; } }
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import { MoreOutlined } from "@ant-design/icons";
|
|
8
8
|
import { Form, InputNumber, Popover, Button } from "antd";
|
|
9
9
|
import React, { useEffect, useRef, useState } from "react";
|
|
10
|
-
import "./index.less";
|
|
11
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
11
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
12
|
var RowPop = function RowPop(props) {
|
|
@@ -16,7 +15,7 @@ var RowPop = function RowPop(props) {
|
|
|
16
15
|
useEffect(function () {
|
|
17
16
|
var interval = setInterval(function () {
|
|
18
17
|
var _inputRef$current;
|
|
19
|
-
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0
|
|
18
|
+
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
|
|
20
19
|
}, 200);
|
|
21
20
|
return function () {
|
|
22
21
|
clearInterval(interval);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
function _typeof(
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
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; }
|
|
5
|
-
function _toPropertyKey(
|
|
6
|
-
function _toPrimitive(
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
|
+
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); }
|
|
7
7
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
8
8
|
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."); }
|
|
9
9
|
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); }
|
|
@@ -55,7 +55,7 @@ export var GroupEvent = function GroupEvent(props) {
|
|
|
55
55
|
onGroupChange && onGroupChange(_objectSpread(_objectSpread({}, rowGroupConfig), {}, {
|
|
56
56
|
groupOpen: groupOpen
|
|
57
57
|
}));
|
|
58
|
-
sheetInstance === null || sheetInstance === void 0
|
|
58
|
+
sheetInstance === null || sheetInstance === void 0 || sheetInstance.pushToHistory({
|
|
59
59
|
type: 'Custom',
|
|
60
60
|
changes: [],
|
|
61
61
|
extraInfo: {
|
|
@@ -75,7 +75,7 @@ export var GroupEvent = function GroupEvent(props) {
|
|
|
75
75
|
groupOpen: Array(rowGroupConfig === null || rowGroupConfig === void 0 ? void 0 : rowGroupConfig.groupOpen.length).fill(value),
|
|
76
76
|
defaultOpen: !groups.length ? value : undefined
|
|
77
77
|
}));
|
|
78
|
-
sheetInstance === null || sheetInstance === void 0
|
|
78
|
+
sheetInstance === null || sheetInstance === void 0 || sheetInstance.pushToHistory({
|
|
79
79
|
type: 'Custom',
|
|
80
80
|
changes: [],
|
|
81
81
|
extraInfo: {
|