@fileverse-dev/fortune-react 1.1.99 → 1.2.0
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/es/components/ContextMenu/index.js +2 -2
- package/es/components/DataVerification/ColorPicker.js +31 -7
- package/es/components/DataVerification/DropdownList.js +20 -1
- package/es/components/DataVerification/DropdownOption.js +5 -2
- package/es/components/DataVerification/RangeDialog.js +1 -5
- package/es/components/DataVerification/index.css +21 -1
- package/es/components/DataVerification/index.js +31 -5
- package/es/components/SheetOverlay/ColumnHeader.js +88 -5
- package/es/components/SheetOverlay/FormulaHint/index.js +13 -2
- package/es/components/SheetOverlay/InputBox.js +1 -1
- package/es/components/SheetOverlay/RowHeader.js +82 -5
- package/es/components/SheetOverlay/drag_and_drop/column-helpers.js +20 -18
- package/es/components/SheetOverlay/drag_and_drop/row-helpers.js +20 -18
- package/es/components/SheetOverlay/helper.js +3 -3
- package/es/components/SheetOverlay/index.css +24 -1
- package/es/components/Toolbar/index.js +28 -19
- package/es/components/Workbook/index.d.ts +1 -1
- package/es/components/Workbook/index.js +5 -0
- package/lib/components/ContextMenu/index.js +2 -2
- package/lib/components/DataVerification/ColorPicker.js +30 -6
- package/lib/components/DataVerification/DropdownList.js +20 -1
- package/lib/components/DataVerification/DropdownOption.js +5 -2
- package/lib/components/DataVerification/RangeDialog.js +1 -5
- package/lib/components/DataVerification/index.css +21 -1
- package/lib/components/DataVerification/index.js +31 -5
- package/lib/components/SheetOverlay/ColumnHeader.js +86 -4
- package/lib/components/SheetOverlay/FormulaHint/index.js +13 -2
- package/lib/components/SheetOverlay/InputBox.js +1 -1
- package/lib/components/SheetOverlay/RowHeader.js +80 -4
- package/lib/components/SheetOverlay/drag_and_drop/column-helpers.js +20 -18
- package/lib/components/SheetOverlay/drag_and_drop/row-helpers.js +20 -18
- package/lib/components/SheetOverlay/helper.js +3 -3
- package/lib/components/SheetOverlay/index.css +24 -1
- package/lib/components/Toolbar/index.js +27 -19
- package/lib/components/Workbook/index.d.ts +1 -1
- package/lib/components/Workbook/index.js +5 -0
- package/package.json +2 -2
|
@@ -76,7 +76,13 @@ var RowHeader = function RowHeader() {
|
|
|
76
76
|
getRowIndexClicked = _f.getRowIndexClicked,
|
|
77
77
|
isRowDoubleClicked = _f.isRowDoubleClicked;
|
|
78
78
|
var onMouseDown = (0, _react.useCallback)(function (e) {
|
|
79
|
-
if (e.button
|
|
79
|
+
if (e.button === 0 && e.target.tagName === "use" || e.button === 2) {
|
|
80
|
+
var nativeEvent_1 = e.nativeEvent;
|
|
81
|
+
setContext(function (draft) {
|
|
82
|
+
(0, _fortuneCore.handleRowHeaderMouseDown)(draft, refs.globalCache, nativeEvent_1, containerRef.current, refs.cellInput.current, refs.fxInput.current);
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
if (e.button !== 0 || context.isFlvReadOnly) return;
|
|
80
86
|
var targetEl = e.target;
|
|
81
87
|
if (targetEl.closest(".fortune-rows-change-size") || targetEl.closest(".fortune-rows-freeze-handle")) return;
|
|
82
88
|
var headerEl = containerRef.current;
|
|
@@ -88,9 +94,9 @@ var RowHeader = function RowHeader() {
|
|
|
88
94
|
draft.luckysheet_scroll_status = true;
|
|
89
95
|
});
|
|
90
96
|
} else {
|
|
91
|
-
var
|
|
97
|
+
var nativeEvent_2 = e.nativeEvent;
|
|
92
98
|
setContext(function (draft) {
|
|
93
|
-
(0, _fortuneCore.handleRowHeaderMouseDown)(draft, refs.globalCache,
|
|
99
|
+
(0, _fortuneCore.handleRowHeaderMouseDown)(draft, refs.globalCache, nativeEvent_2, containerRef.current, refs.cellInput.current, refs.fxInput.current);
|
|
94
100
|
});
|
|
95
101
|
return;
|
|
96
102
|
}
|
|
@@ -156,6 +162,43 @@ var RowHeader = function RowHeader() {
|
|
|
156
162
|
}
|
|
157
163
|
setSelectedLocation(selects);
|
|
158
164
|
}, [context.luckysheet_select_save, context.visibledatarow]);
|
|
165
|
+
var _g = (0, _react.useState)([]),
|
|
166
|
+
hiddenPointers = _g[0],
|
|
167
|
+
setHiddenPointers = _g[1];
|
|
168
|
+
(0, _react.useEffect)(function () {
|
|
169
|
+
var _a, _b;
|
|
170
|
+
if (sheetIndex == null) return;
|
|
171
|
+
var tempPointers = [];
|
|
172
|
+
var rowhidden = (_b = (_a = context.luckysheetfile[sheetIndex]) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.rowhidden;
|
|
173
|
+
if (rowhidden) {
|
|
174
|
+
Object.keys(rowhidden).forEach(function (key) {
|
|
175
|
+
var item = {
|
|
176
|
+
row: key,
|
|
177
|
+
top: context.visibledatarow[Number(key) - 1]
|
|
178
|
+
};
|
|
179
|
+
tempPointers.push(item);
|
|
180
|
+
});
|
|
181
|
+
setHiddenPointers(tempPointers);
|
|
182
|
+
} else {
|
|
183
|
+
setHiddenPointers([]);
|
|
184
|
+
}
|
|
185
|
+
}, [context.visibledatarow, sheetIndex]);
|
|
186
|
+
var showRow = function showRow(e, item) {
|
|
187
|
+
if (context.isFlvReadOnly) return;
|
|
188
|
+
e.stopPropagation();
|
|
189
|
+
setContext(function (ctx) {
|
|
190
|
+
var _a;
|
|
191
|
+
_fortuneCore.api.setSelection(ctx, [{
|
|
192
|
+
row: [Number(item.row) - 1, Number(item.row) + 1],
|
|
193
|
+
column: [0, (_a = context.visibledatacolumn) === null || _a === void 0 ? void 0 : _a.length]
|
|
194
|
+
}], {
|
|
195
|
+
id: context.currentSheetId
|
|
196
|
+
});
|
|
197
|
+
});
|
|
198
|
+
setContext(function (ctx) {
|
|
199
|
+
(0, _fortuneCore.showSelected)(ctx, "row");
|
|
200
|
+
});
|
|
201
|
+
};
|
|
159
202
|
(0, _react.useEffect)(function () {
|
|
160
203
|
containerRef.current.scrollTop = context.scrollTop;
|
|
161
204
|
}, [context.scrollTop]);
|
|
@@ -170,7 +213,40 @@ var RowHeader = function RowHeader() {
|
|
|
170
213
|
onMouseDown: onMouseDown,
|
|
171
214
|
onMouseLeave: onMouseLeave,
|
|
172
215
|
onContextMenu: onContextMenu
|
|
173
|
-
},
|
|
216
|
+
}, hiddenPointers.map(function (item) {
|
|
217
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
218
|
+
className: "flex flex-col gap-4 cursor-pointer align-center hide-btn-row hide-btn",
|
|
219
|
+
style: {
|
|
220
|
+
top: "".concat(item.top - 16, "px"),
|
|
221
|
+
zIndex: 100
|
|
222
|
+
},
|
|
223
|
+
onClick: function onClick(e) {
|
|
224
|
+
return showRow(e, item);
|
|
225
|
+
}
|
|
226
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
227
|
+
className: "rotate-row-icon"
|
|
228
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
229
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
230
|
+
width: "5",
|
|
231
|
+
height: "8",
|
|
232
|
+
viewBox: "0 0 5 8",
|
|
233
|
+
fill: "none"
|
|
234
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
235
|
+
d: "M0.164574 4.20629L3.54376 7.58548C3.7275 7.76922 4.04167 7.63909 4.04167 7.37924L4.04167 0.620865C4.04167 0.361018 3.7275 0.230885 3.54376 0.414625L0.164575 3.79381C0.0506717 3.90772 0.0506715 4.09239 0.164574 4.20629Z",
|
|
236
|
+
fill: "#363B3F"
|
|
237
|
+
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
238
|
+
className: "rotate-90"
|
|
239
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
240
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
241
|
+
width: "5",
|
|
242
|
+
height: "8",
|
|
243
|
+
viewBox: "0 0 5 8",
|
|
244
|
+
fill: "none"
|
|
245
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
246
|
+
d: "M0.164574 4.20629L3.54376 7.58548C3.7275 7.76922 4.04167 7.63909 4.04167 7.37924L4.04167 0.620865C4.04167 0.361018 3.7275 0.230885 3.54376 0.414625L0.164575 3.79381C0.0506717 3.90772 0.0506715 4.09239 0.164574 4.20629Z",
|
|
247
|
+
fill: "#363B3F"
|
|
248
|
+
}))));
|
|
249
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
174
250
|
className: "fortune-rows-freeze-handle",
|
|
175
251
|
onMouseDown: onRowFreezeHandleMouseDown,
|
|
176
252
|
style: {
|
|
@@ -280,24 +280,26 @@ var useColumnDragAndDrop = exports.useColumnDragAndDrop = function useColumnDrag
|
|
|
280
280
|
}
|
|
281
281
|
});
|
|
282
282
|
});
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
283
|
+
if (_sheet.dataVerification) {
|
|
284
|
+
var newDataVerification_1 = {};
|
|
285
|
+
Object.keys(_sheet.dataVerification).forEach(function (item) {
|
|
286
|
+
var _a;
|
|
287
|
+
var itemData = (_a = _sheet.dataVerification) === null || _a === void 0 ? void 0 : _a[item];
|
|
288
|
+
var colRow = item.split("_");
|
|
289
|
+
if (colRow.length !== 2) return;
|
|
290
|
+
var presentcol = parseInt(colRow[1], 10);
|
|
291
|
+
var updatedCol = presentcol;
|
|
292
|
+
if (presentcol === sourceIndex_1) {
|
|
293
|
+
updatedCol = targetIndex;
|
|
294
|
+
} else if (presentcol > sourceIndex_1 && presentcol < targetIndex) {
|
|
295
|
+
updatedCol -= 1;
|
|
296
|
+
} else if (presentcol < sourceIndex_1 && presentcol >= targetIndex) {
|
|
297
|
+
updatedCol += 1;
|
|
298
|
+
}
|
|
299
|
+
newDataVerification_1["".concat(colRow[0], "_").concat(updatedCol)] = itemData;
|
|
300
|
+
});
|
|
301
|
+
_sheet.dataVerification = newDataVerification_1;
|
|
302
|
+
}
|
|
301
303
|
(_c = _sheet.calcChain) === null || _c === void 0 ? void 0 : _c.forEach(function (item) {
|
|
302
304
|
if (item.c === sourceIndex_1) {
|
|
303
305
|
item.c = targetIndex;
|
|
@@ -260,24 +260,26 @@ var useRowDragAndDrop = exports.useRowDragAndDrop = function useRowDragAndDrop(c
|
|
|
260
260
|
}
|
|
261
261
|
});
|
|
262
262
|
});
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
263
|
+
if (_sheet.dataVerification) {
|
|
264
|
+
var newDataVerification_1 = {};
|
|
265
|
+
Object.keys(_sheet.dataVerification).forEach(function (item) {
|
|
266
|
+
var _a;
|
|
267
|
+
var itemData = (_a = _sheet.dataVerification) === null || _a === void 0 ? void 0 : _a[item];
|
|
268
|
+
var colRow = item.split("_");
|
|
269
|
+
if (colRow.length !== 2) return;
|
|
270
|
+
var presentRow = parseInt(colRow[0], 10);
|
|
271
|
+
var updatedRow = presentRow;
|
|
272
|
+
if (presentRow === sourceIndex_1) {
|
|
273
|
+
updatedRow = targetIndex;
|
|
274
|
+
} else if (presentRow > sourceIndex_1 && presentRow < targetIndex) {
|
|
275
|
+
updatedRow -= 1;
|
|
276
|
+
} else if (presentRow < sourceIndex_1 && presentRow >= targetIndex) {
|
|
277
|
+
updatedRow += 1;
|
|
278
|
+
}
|
|
279
|
+
newDataVerification_1["".concat(updatedRow, "_").concat(colRow[1])] = itemData;
|
|
280
|
+
});
|
|
281
|
+
_sheet.dataVerification = newDataVerification_1;
|
|
282
|
+
}
|
|
281
283
|
(_a = _sheet.calcChain) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {
|
|
282
284
|
if (item.r === sourceIndex_1) {
|
|
283
285
|
item.r = targetIndex;
|
|
@@ -108,12 +108,12 @@ function countCommasBeforeCursor(editableDiv) {
|
|
|
108
108
|
var textBeforeCursor = preCaretRange.toString();
|
|
109
109
|
var inQuotes = false;
|
|
110
110
|
var count = 0;
|
|
111
|
-
for (var i = 0; i < textBeforeCursor.length; i
|
|
111
|
+
for (var i = 0; i < textBeforeCursor.length; i += 1) {
|
|
112
112
|
var char = textBeforeCursor[i];
|
|
113
113
|
if (char === '"') {
|
|
114
114
|
inQuotes = !inQuotes;
|
|
115
|
-
} else if (char ===
|
|
116
|
-
count
|
|
115
|
+
} else if (char === "," && !inQuotes) {
|
|
116
|
+
count += 1;
|
|
117
117
|
}
|
|
118
118
|
}
|
|
119
119
|
return count;
|
|
@@ -1010,4 +1010,27 @@
|
|
|
1010
1010
|
background: #555;
|
|
1011
1011
|
/* darker on hover */
|
|
1012
1012
|
/* scrollbar */
|
|
1013
|
-
}
|
|
1013
|
+
}
|
|
1014
|
+
|
|
1015
|
+
.hide-btn {
|
|
1016
|
+
padding-top: 1px;
|
|
1017
|
+
position: absolute;
|
|
1018
|
+
right: 5;
|
|
1019
|
+
top: 5px;
|
|
1020
|
+
z-index: 200;
|
|
1021
|
+
width: 9px;
|
|
1022
|
+
}
|
|
1023
|
+
|
|
1024
|
+
.hide-btn:hover {
|
|
1025
|
+
border: 1px solid #0188fb;
|
|
1026
|
+
}
|
|
1027
|
+
|
|
1028
|
+
.rotate-row-icon {
|
|
1029
|
+
transform: rotate(-90deg);
|
|
1030
|
+
}
|
|
1031
|
+
|
|
1032
|
+
.hide-btn-row {
|
|
1033
|
+
position: absolute;
|
|
1034
|
+
left: 4px;
|
|
1035
|
+
z-index: 200;
|
|
1036
|
+
}
|
|
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.getLucideIcon = exports.default = exports.CurrencySelector = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _fortuneCore = require("@fileverse-dev/fortune-core");
|
|
10
|
-
var _api = require("@fileverse-dev/fortune-core/lib/api");
|
|
11
10
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
12
11
|
var _ui = require("@fileverse/ui");
|
|
13
12
|
var _dataVerificationPortal = _interopRequireDefault(require("./dataVerificationPortal"));
|
|
@@ -594,9 +593,35 @@ var Toolbar = function Toolbar(_a) {
|
|
|
594
593
|
}
|
|
595
594
|
}
|
|
596
595
|
}, [itemLocations, setMoreItems, settings.toolbarItems.length, sheetWidth, isDesktop]);
|
|
596
|
+
(0, _react.useEffect)(function () {
|
|
597
|
+
setContext(function (ctx) {
|
|
598
|
+
ctx.dataVerification.dataRegulation.value1 = "value1";
|
|
599
|
+
});
|
|
600
|
+
}, []);
|
|
597
601
|
var _o = (0, _react.useState)(false),
|
|
598
602
|
showDataValidation = _o[0],
|
|
599
603
|
setShowDataValidation = _o[1];
|
|
604
|
+
var dataVerificationClick = function dataVerificationClick() {
|
|
605
|
+
var _a;
|
|
606
|
+
var selection = _fortuneCore.api.getSelection(context);
|
|
607
|
+
if (!selection) {
|
|
608
|
+
setContext(function (ctx) {
|
|
609
|
+
_fortuneCore.api.setSelection(ctx, [{
|
|
610
|
+
row: [0, 0],
|
|
611
|
+
column: [0, 0]
|
|
612
|
+
}], {
|
|
613
|
+
id: context.currentSheetId
|
|
614
|
+
});
|
|
615
|
+
});
|
|
616
|
+
}
|
|
617
|
+
(_a = document.getElementById("data-verification-button")) === null || _a === void 0 ? void 0 : _a.click();
|
|
618
|
+
setTimeout(function () {
|
|
619
|
+
setShowDataValidation(true);
|
|
620
|
+
}, 100);
|
|
621
|
+
};
|
|
622
|
+
(0, _react.useEffect)(function () {
|
|
623
|
+
window.dataVerificationClick = dataVerificationClick;
|
|
624
|
+
}, []);
|
|
600
625
|
var getToolbarItem = (0, _react.useCallback)(function (name, i) {
|
|
601
626
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
602
627
|
var tooltip = toolbar[name];
|
|
@@ -979,24 +1004,7 @@ var Toolbar = function Toolbar(_a) {
|
|
|
979
1004
|
iconId: name,
|
|
980
1005
|
tooltip: tooltip,
|
|
981
1006
|
key: name,
|
|
982
|
-
onClick:
|
|
983
|
-
var _a;
|
|
984
|
-
var selection = (0, _api.getSelection)(context);
|
|
985
|
-
if (!selection) {
|
|
986
|
-
setContext(function (ctx) {
|
|
987
|
-
(0, _api.setSelection)(ctx, [{
|
|
988
|
-
row: [0, 0],
|
|
989
|
-
column: [0, 0]
|
|
990
|
-
}], {
|
|
991
|
-
id: context.currentSheetId
|
|
992
|
-
});
|
|
993
|
-
});
|
|
994
|
-
}
|
|
995
|
-
(_a = document.getElementById("data-verification-button")) === null || _a === void 0 ? void 0 : _a.click();
|
|
996
|
-
setTimeout(function () {
|
|
997
|
-
setShowDataValidation(true);
|
|
998
|
-
}, 100);
|
|
999
|
-
}
|
|
1007
|
+
onClick: dataVerificationClick
|
|
1000
1008
|
}));
|
|
1001
1009
|
}
|
|
1002
1010
|
if (name === "locationCondition") {
|
|
@@ -57,7 +57,7 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
|
|
|
57
57
|
getHtmlByRange: (range: import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => string | null;
|
|
58
58
|
setSelection: (range: import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => void;
|
|
59
59
|
setCellValuesByRange: (data: any[][], range: import("@fileverse-dev/fortune-core").SingleRange, options?: api.CommonOptions) => void;
|
|
60
|
-
setCellFormatByRange: (attr: "error" | "rt" | "f" | "m" | "v" | "mc" | "ct" | "qp" | "spl" | "bg" | "lo" | "baseValue" | "baseCurrency" | "baseCurrencyPrice" | "isDataBlockFormula" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle, value: any, range: import("@fileverse-dev/fortune-core").
|
|
60
|
+
setCellFormatByRange: (attr: "error" | "rt" | "f" | "m" | "v" | "mc" | "ct" | "qp" | "spl" | "bg" | "lo" | "baseValue" | "baseCurrency" | "baseCurrencyPrice" | "isDataBlockFormula" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle, value: any, range: import("@fileverse-dev/fortune-core").Range | import("@fileverse-dev/fortune-core").SingleRange, options?: api.CommonOptions) => void;
|
|
61
61
|
mergeCells: (ranges: import("@fileverse-dev/fortune-core").Range, type: string, options?: api.CommonOptions) => void;
|
|
62
62
|
cancelMerge: (ranges: import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => void;
|
|
63
63
|
getAllSheets: () => SheetType[];
|
|
@@ -656,6 +656,11 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
|
|
|
656
656
|
}
|
|
657
657
|
});
|
|
658
658
|
}
|
|
659
|
+
setContextWithProduce(function (ctx) {
|
|
660
|
+
if (ctx.luckysheet_selection_range) {
|
|
661
|
+
ctx.luckysheet_selection_range = [];
|
|
662
|
+
}
|
|
663
|
+
});
|
|
659
664
|
}, [context, setContextWithProduce]);
|
|
660
665
|
var onMoreToolbarItemsClose = (0, _react.useCallback)(function () {
|
|
661
666
|
setMoreToolbarItems(null);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fileverse-dev/fortune-react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"main": "lib/index.js",
|
|
5
5
|
"types": "lib/index.d.ts",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"tsc": "tsc"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@fileverse-dev/fortune-core": "1.
|
|
19
|
+
"@fileverse-dev/fortune-core": "1.2.0",
|
|
20
20
|
"@fileverse/ui": "^4.1.7-patch-21",
|
|
21
21
|
"@tippyjs/react": "^4.2.6",
|
|
22
22
|
"@types/regenerator-runtime": "^0.13.6",
|