@fileverse-dev/fortune-react 1.1.99 → 1.2.0-patch-2

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.
Files changed (38) hide show
  1. package/CHANGELOG.md +1615 -0
  2. package/es/components/ContextMenu/index.js +2 -2
  3. package/es/components/DataVerification/ColorPicker.js +31 -7
  4. package/es/components/DataVerification/DropdownList.js +20 -1
  5. package/es/components/DataVerification/DropdownOption.js +5 -2
  6. package/es/components/DataVerification/RangeDialog.js +4 -5
  7. package/es/components/DataVerification/index.css +21 -1
  8. package/es/components/DataVerification/index.js +31 -5
  9. package/es/components/SheetOverlay/ColumnHeader.js +87 -5
  10. package/es/components/SheetOverlay/FormulaHint/index.js +13 -2
  11. package/es/components/SheetOverlay/InputBox.js +1 -1
  12. package/es/components/SheetOverlay/RowHeader.js +81 -5
  13. package/es/components/SheetOverlay/drag_and_drop/column-helpers.js +20 -18
  14. package/es/components/SheetOverlay/drag_and_drop/row-helpers.js +20 -18
  15. package/es/components/SheetOverlay/helper.js +3 -3
  16. package/es/components/SheetOverlay/index.css +24 -1
  17. package/es/components/Toolbar/index.js +28 -20
  18. package/es/components/Workbook/index.d.ts +1 -1
  19. package/es/components/Workbook/index.js +5 -0
  20. package/lib/components/ContextMenu/index.js +2 -2
  21. package/lib/components/DataVerification/ColorPicker.js +30 -6
  22. package/lib/components/DataVerification/DropdownList.js +20 -1
  23. package/lib/components/DataVerification/DropdownOption.js +5 -2
  24. package/lib/components/DataVerification/RangeDialog.js +4 -5
  25. package/lib/components/DataVerification/index.css +21 -1
  26. package/lib/components/DataVerification/index.js +31 -5
  27. package/lib/components/SheetOverlay/ColumnHeader.js +86 -4
  28. package/lib/components/SheetOverlay/FormulaHint/index.js +13 -2
  29. package/lib/components/SheetOverlay/InputBox.js +1 -1
  30. package/lib/components/SheetOverlay/RowHeader.js +80 -4
  31. package/lib/components/SheetOverlay/drag_and_drop/column-helpers.js +20 -18
  32. package/lib/components/SheetOverlay/drag_and_drop/row-helpers.js +20 -18
  33. package/lib/components/SheetOverlay/helper.js +3 -3
  34. package/lib/components/SheetOverlay/index.css +24 -1
  35. package/lib/components/Toolbar/index.js +27 -19
  36. package/lib/components/Workbook/index.d.ts +1 -1
  37. package/lib/components/Workbook/index.js +5 -0
  38. 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 !== 0) return;
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 nativeEvent_1 = e.nativeEvent;
97
+ var nativeEvent_2 = e.nativeEvent;
92
98
  setContext(function (draft) {
93
- (0, _fortuneCore.handleRowHeaderMouseDown)(draft, refs.globalCache, nativeEvent_1, containerRef.current, refs.cellInput.current, refs.fxInput.current);
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
- }, /*#__PURE__*/_react.default.createElement("div", {
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
- var newDataVerification = {};
284
- Object.keys(_sheet.dataVerification).forEach(function (item) {
285
- var _a;
286
- var itemData = (_a = _sheet.dataVerification) === null || _a === void 0 ? void 0 : _a[item];
287
- var colRow = item.split("_");
288
- if (colRow.length !== 2) return;
289
- var presentcol = parseInt(colRow[1], 10);
290
- var updatedCol = presentcol;
291
- if (presentcol === sourceIndex_1) {
292
- updatedCol = targetIndex;
293
- } else if (presentcol > sourceIndex_1 && presentcol < targetIndex) {
294
- updatedCol -= 1;
295
- } else if (presentcol < sourceIndex_1 && presentcol >= targetIndex) {
296
- updatedCol += 1;
297
- }
298
- newDataVerification["".concat(colRow[0], "_").concat(updatedCol)] = itemData;
299
- });
300
- _sheet.dataVerification = newDataVerification;
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
- var newDataVerification = {};
264
- Object.keys(_sheet.dataVerification).forEach(function (item) {
265
- var _a;
266
- var itemData = (_a = _sheet.dataVerification) === null || _a === void 0 ? void 0 : _a[item];
267
- var colRow = item.split("_");
268
- if (colRow.length !== 2) return;
269
- var presentRow = parseInt(colRow[0], 10);
270
- var updatedRow = presentRow;
271
- if (presentRow === sourceIndex_1) {
272
- updatedRow = targetIndex;
273
- } else if (presentRow > sourceIndex_1 && presentRow < targetIndex) {
274
- updatedRow -= 1;
275
- } else if (presentRow < sourceIndex_1 && presentRow >= targetIndex) {
276
- updatedRow += 1;
277
- }
278
- newDataVerification["".concat(updatedRow, "_").concat(colRow[1])] = itemData;
279
- });
280
- _sheet.dataVerification = newDataVerification;
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 === ',' && !inQuotes) {
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: function 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").SingleRange | import("@fileverse-dev/fortune-core").Range, 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").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.1.99",
3
+ "version": "1.2.0-patch-2",
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.1.99",
19
+ "@fileverse-dev/fortune-core": "1.2.0-patch-2",
20
20
  "@fileverse/ui": "^4.1.7-patch-21",
21
21
  "@tippyjs/react": "^4.2.6",
22
22
  "@types/regenerator-runtime": "^0.13.6",