@fileverse-dev/fortune-react 1.2.27 → 1.2.29

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 (9) hide show
  1. package/es/components/FxEditor/index.js +26 -27
  2. package/es/components/Toolbar/Button.d.ts +1 -0
  3. package/es/components/Toolbar/Button.js +3 -1
  4. package/es/components/Toolbar/index.js +12 -1
  5. package/lib/components/FxEditor/index.js +26 -27
  6. package/lib/components/Toolbar/Button.d.ts +1 -0
  7. package/lib/components/Toolbar/Button.js +3 -1
  8. package/lib/components/Toolbar/index.js +11 -0
  9. package/package.json +2 -2
package/es/components/FxEditor/index.js CHANGED
@@ -98,9 +98,34 @@ var FxEditor = function FxEditor() {
98
98
  draftCtx.defaultCandidates = [];
99
99
  draftCtx.functionHint = formulaName;
100
100
  });
101
- return;
102
101
  }
103
102
  }, [setContext]);
103
+ var clearSearchItemActiveClass = useCallback(function () {
104
+ var activeFormula = getActiveFormula();
105
+ if (activeFormula) {
106
+ activeFormula.classList.remove("luckysheet-formula-search-item-active");
107
+ }
108
+ }, [getActiveFormula]);
109
+ var getLastInputSpanText = function getLastInputSpanText() {
110
+ var _a, _b;
111
+ var parser = new DOMParser();
112
+ var doc = parser.parseFromString("<div>".concat((_b = (_a = refs.fxInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.innerHTML, "</div>"), "text/html");
113
+ var spans = doc.querySelectorAll("span");
114
+ var lastSpan = spans[spans.length - 1];
115
+ return lastSpan === null || lastSpan === void 0 ? void 0 : lastSpan.innerText;
116
+ };
117
+ var selectActiveFormulaOnClick = useCallback(function (e) {
118
+ var _a, _b, _c;
119
+ if (e.target.className.includes("sign-fortune")) return;
120
+ recentText.current = (_a = refs.fxInput) === null || _a === void 0 ? void 0 : _a.current.innerText;
121
+ var formulaName = (_c = (_b = getActiveFormula()) === null || _b === void 0 ? void 0 : _b.querySelector(".luckysheet-formula-search-func")) === null || _c === void 0 ? void 0 : _c.textContent;
122
+ var lastSpanText = getLastInputSpanText();
123
+ if (formulaName && !isLetterNumberPattern(lastSpanText)) {
124
+ insertSelectedFormula(formulaName);
125
+ e.preventDefault();
126
+ e.stopPropagation();
127
+ }
128
+ }, [getActiveFormula, insertSelectedFormula]);
104
129
  var onKeyDown = useCallback(function (e) {
105
130
  var _a;
106
131
  if (context.allowEdit === false) {
@@ -204,14 +229,6 @@ var FxEditor = function FxEditor() {
204
229
  }
205
230
  });
206
231
  }, [context.allowEdit, context.luckysheetCellUpdate.length, refs.fxInput, setContext]);
207
- var getLastInputSpanText = function getLastInputSpanText() {
208
- var _a, _b;
209
- var parser = new DOMParser();
210
- var doc = parser.parseFromString("<div>".concat((_b = (_a = refs.fxInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.innerHTML, "</div>"), "text/html");
211
- var spans = doc.querySelectorAll("span");
212
- var lastSpan = spans[spans.length - 1];
213
- return lastSpan === null || lastSpan === void 0 ? void 0 : lastSpan.innerText;
214
- };
215
232
  var handleHideShowHint = function handleHideShowHint() {
216
233
  var _a, _b, _c, _d;
217
234
  var el = (_a = document.getElementsByClassName("cell-hint")) === null || _a === void 0 ? void 0 : _a[0];
@@ -264,24 +281,6 @@ var FxEditor = function FxEditor() {
264
281
  }
265
282
  return true;
266
283
  }, [context.config, context.luckysheet_select_save, context.luckysheetfile, context.currentSheetId, isHidenRC]);
267
- var selectActiveFormulaOnClick = useCallback(function (e) {
268
- var _a, _b, _c;
269
- if (e.target.className.includes("sign-fortune")) return;
270
- recentText.current = (_a = refs.fxInput) === null || _a === void 0 ? void 0 : _a.current.innerText;
271
- var formulaName = (_c = (_b = getActiveFormula()) === null || _b === void 0 ? void 0 : _b.querySelector(".luckysheet-formula-search-func")) === null || _c === void 0 ? void 0 : _c.textContent;
272
- var lastSpanText = getLastInputSpanText();
273
- if (formulaName && !isLetterNumberPattern(lastSpanText)) {
274
- insertSelectedFormula(formulaName);
275
- e.preventDefault();
276
- e.stopPropagation();
277
- }
278
- }, [getActiveFormula, insertSelectedFormula]);
279
- var clearSearchItemActiveClass = useCallback(function () {
280
- var activeFormula = getActiveFormula();
281
- if (activeFormula) {
282
- activeFormula.classList.remove("luckysheet-formula-search-item-active");
283
- }
284
- }, [getActiveFormula]);
285
284
  return /*#__PURE__*/React.createElement("div", {
286
285
  className: "fortune-fx-editor"
287
286
  }, /*#__PURE__*/React.createElement(NameBox, null), /*#__PURE__*/React.createElement("div", {
package/es/components/Toolbar/Button.d.ts CHANGED
@@ -7,6 +7,7 @@ type Props = {
7
7
  selected?: boolean;
8
8
  children?: React.ReactNode;
9
9
  style?: React.CSSProperties;
10
+ id?: string;
10
11
  };
11
12
  declare const Button: React.FC<Props>;
12
13
  export default Button;
package/es/components/Toolbar/Button.js CHANGED
@@ -8,11 +8,13 @@ var Button = function Button(_a) {
8
8
  disabled = _a.disabled,
9
9
  selected = _a.selected,
10
10
  children = _a.children,
11
- style = _a.style;
11
+ style = _a.style,
12
+ id = _a.id;
12
13
  return /*#__PURE__*/React.createElement(Tooltip, {
13
14
  text: tooltip,
14
15
  placement: "bottom"
15
16
  }, /*#__PURE__*/React.createElement("div", {
17
+ id: id,
16
18
  className: "fortune-toolbar-button fortune-toolbar-item",
17
19
  onClick: onClick,
18
20
  tabIndex: 0,
package/es/components/Toolbar/index.js CHANGED
@@ -123,7 +123,7 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
123
123
  return to.concat(ar || Array.prototype.slice.call(from));
124
124
  };
125
125
  import React, { useContext, useCallback, useRef, useEffect, useState } from "react";
126
- import { toolbarItemClickHandler, handleTextBackground, handleTextColor, handleTextSize, normalizedCellAttr, getFlowdata, newComment, editComment, deleteComment, showHideComment, showHideAllComments, autoSelectionFormula, handleSum, locale, handleMerge, handleBorder, toolbarItemSelectedFunc, handleFreeze, insertImage, showImgChooser, updateFormat, handleSort, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, createFilter, clearFilter, applyLocation, insertDuneChart, api } from "@fileverse-dev/fortune-core";
126
+ import { toolbarItemClickHandler, handleTextBackground, handleTextColor, handleTextSize, normalizedCellAttr, getFlowdata, newComment, editComment, deleteComment, showHideComment, showHideAllComments, autoSelectionFormula, handleSum, locale, handleMerge, handleBorder, toolbarItemSelectedFunc, handleFreeze, insertImage, showImgChooser, updateFormat, handleSort, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, createFilter, clearFilter, applyLocation, insertDuneChart, api, getSheetIndex } from "@fileverse-dev/fortune-core";
127
127
  import _ from "lodash";
128
128
  import { IconButton, LucideIcon, Tooltip, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from "@fileverse/ui";
129
129
  import DataVerificationPortal from "./dataVerificationPortal";
@@ -973,6 +973,7 @@ var Toolbar = function Toolbar(_a) {
973
973
  }
974
974
  if (name === "splitColumn") {
975
975
  return /*#__PURE__*/React.createElement(Button, {
976
+ id: "splitColumn",
976
977
  iconId: name,
977
978
  tooltip: tooltip,
978
979
  key: name,
@@ -997,6 +998,7 @@ var Toolbar = function Toolbar(_a) {
997
998
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DataVerificationPortal, {
998
999
  visible: showDataValidation
999
1000
  }), /*#__PURE__*/React.createElement(Button, {
1001
+ id: "dataVerification",
1000
1002
  iconId: name,
1001
1003
  tooltip: tooltip,
1002
1004
  key: name,
@@ -1506,9 +1508,18 @@ var Toolbar = function Toolbar(_a) {
1506
1508
  variant: "ghost",
1507
1509
  onClick: function onClick() {
1508
1510
  setContext(function (ctx) {
1511
+ var _a;
1509
1512
  var d = getFlowdata(ctx);
1510
1513
  if (d == null) return;
1511
1514
  updateFormat(ctx, refs.cellInput.current, d, "tb", value, refs.canvas.current.getContext("2d"));
1515
+ var sheetIndex = getSheetIndex(ctx, ctx.currentSheetId) || 0;
1516
+ var config = ctx.luckysheetfile[sheetIndex].config;
1517
+ var currentRowHeight = ((_a = config === null || config === void 0 ? void 0 : config.rowlen) === null || _a === void 0 ? void 0 : _a[0]) || ctx.luckysheetfile[sheetIndex].defaultColWidth || 22;
1518
+ api.setRowHeight(ctx, {
1519
+ 1: currentRowHeight + 0.2
1520
+ }, {
1521
+ id: ctx.currentSheetId
1522
+ });
1512
1523
  });
1513
1524
  setOpen(false);
1514
1525
  },
package/lib/components/FxEditor/index.js CHANGED
@@ -107,9 +107,34 @@ var FxEditor = function FxEditor() {
107
107
  draftCtx.defaultCandidates = [];
108
108
  draftCtx.functionHint = formulaName;
109
109
  });
110
- return;
111
110
  }
112
111
  }, [setContext]);
112
+ var clearSearchItemActiveClass = (0, _react.useCallback)(function () {
113
+ var activeFormula = getActiveFormula();
114
+ if (activeFormula) {
115
+ activeFormula.classList.remove("luckysheet-formula-search-item-active");
116
+ }
117
+ }, [getActiveFormula]);
118
+ var getLastInputSpanText = function getLastInputSpanText() {
119
+ var _a, _b;
120
+ var parser = new DOMParser();
121
+ var doc = parser.parseFromString("<div>".concat((_b = (_a = refs.fxInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.innerHTML, "</div>"), "text/html");
122
+ var spans = doc.querySelectorAll("span");
123
+ var lastSpan = spans[spans.length - 1];
124
+ return lastSpan === null || lastSpan === void 0 ? void 0 : lastSpan.innerText;
125
+ };
126
+ var selectActiveFormulaOnClick = (0, _react.useCallback)(function (e) {
127
+ var _a, _b, _c;
128
+ if (e.target.className.includes("sign-fortune")) return;
129
+ recentText.current = (_a = refs.fxInput) === null || _a === void 0 ? void 0 : _a.current.innerText;
130
+ var formulaName = (_c = (_b = getActiveFormula()) === null || _b === void 0 ? void 0 : _b.querySelector(".luckysheet-formula-search-func")) === null || _c === void 0 ? void 0 : _c.textContent;
131
+ var lastSpanText = getLastInputSpanText();
132
+ if (formulaName && !(0, _helper.isLetterNumberPattern)(lastSpanText)) {
133
+ insertSelectedFormula(formulaName);
134
+ e.preventDefault();
135
+ e.stopPropagation();
136
+ }
137
+ }, [getActiveFormula, insertSelectedFormula]);
113
138
  var onKeyDown = (0, _react.useCallback)(function (e) {
114
139
  var _a;
115
140
  if (context.allowEdit === false) {
@@ -213,14 +238,6 @@ var FxEditor = function FxEditor() {
213
238
  }
214
239
  });
215
240
  }, [context.allowEdit, context.luckysheetCellUpdate.length, refs.fxInput, setContext]);
216
- var getLastInputSpanText = function getLastInputSpanText() {
217
- var _a, _b;
218
- var parser = new DOMParser();
219
- var doc = parser.parseFromString("<div>".concat((_b = (_a = refs.fxInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.innerHTML, "</div>"), "text/html");
220
- var spans = doc.querySelectorAll("span");
221
- var lastSpan = spans[spans.length - 1];
222
- return lastSpan === null || lastSpan === void 0 ? void 0 : lastSpan.innerText;
223
- };
224
241
  var handleHideShowHint = function handleHideShowHint() {
225
242
  var _a, _b, _c, _d;
226
243
  var el = (_a = document.getElementsByClassName("cell-hint")) === null || _a === void 0 ? void 0 : _a[0];
@@ -273,24 +290,6 @@ var FxEditor = function FxEditor() {
273
290
  }
274
291
  return true;
275
292
  }, [context.config, context.luckysheet_select_save, context.luckysheetfile, context.currentSheetId, isHidenRC]);
276
- var selectActiveFormulaOnClick = (0, _react.useCallback)(function (e) {
277
- var _a, _b, _c;
278
- if (e.target.className.includes("sign-fortune")) return;
279
- recentText.current = (_a = refs.fxInput) === null || _a === void 0 ? void 0 : _a.current.innerText;
280
- var formulaName = (_c = (_b = getActiveFormula()) === null || _b === void 0 ? void 0 : _b.querySelector(".luckysheet-formula-search-func")) === null || _c === void 0 ? void 0 : _c.textContent;
281
- var lastSpanText = getLastInputSpanText();
282
- if (formulaName && !(0, _helper.isLetterNumberPattern)(lastSpanText)) {
283
- insertSelectedFormula(formulaName);
284
- e.preventDefault();
285
- e.stopPropagation();
286
- }
287
- }, [getActiveFormula, insertSelectedFormula]);
288
- var clearSearchItemActiveClass = (0, _react.useCallback)(function () {
289
- var activeFormula = getActiveFormula();
290
- if (activeFormula) {
291
- activeFormula.classList.remove("luckysheet-formula-search-item-active");
292
- }
293
- }, [getActiveFormula]);
294
293
  return /*#__PURE__*/_react.default.createElement("div", {
295
294
  className: "fortune-fx-editor"
296
295
  }, /*#__PURE__*/_react.default.createElement(_NameBox.default, null), /*#__PURE__*/_react.default.createElement("div", {
package/lib/components/Toolbar/Button.d.ts CHANGED
@@ -7,6 +7,7 @@ type Props = {
7
7
  selected?: boolean;
8
8
  children?: React.ReactNode;
9
9
  style?: React.CSSProperties;
10
+ id?: string;
10
11
  };
11
12
  declare const Button: React.FC<Props>;
12
13
  export default Button;
package/lib/components/Toolbar/Button.js CHANGED
@@ -15,11 +15,13 @@ var Button = function Button(_a) {
15
15
  disabled = _a.disabled,
16
16
  selected = _a.selected,
17
17
  children = _a.children,
18
- style = _a.style;
18
+ style = _a.style,
19
+ id = _a.id;
19
20
  return /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
20
21
  text: tooltip,
21
22
  placement: "bottom"
22
23
  }, /*#__PURE__*/_react.default.createElement("div", {
24
+ id: id,
23
25
  className: "fortune-toolbar-button fortune-toolbar-item",
24
26
  onClick: onClick,
25
27
  tabIndex: 0,
package/lib/components/Toolbar/index.js CHANGED
@@ -982,6 +982,7 @@ var Toolbar = function Toolbar(_a) {
982
982
  }
983
983
  if (name === "splitColumn") {
984
984
  return /*#__PURE__*/_react.default.createElement(_Button.default, {
985
+ id: "splitColumn",
985
986
  iconId: name,
986
987
  tooltip: tooltip,
987
988
  key: name,
@@ -1006,6 +1007,7 @@ var Toolbar = function Toolbar(_a) {
1006
1007
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dataVerificationPortal.default, {
1007
1008
  visible: showDataValidation
1008
1009
  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
1010
+ id: "dataVerification",
1009
1011
  iconId: name,
1010
1012
  tooltip: tooltip,
1011
1013
  key: name,
@@ -1515,9 +1517,18 @@ var Toolbar = function Toolbar(_a) {
1515
1517
  variant: "ghost",
1516
1518
  onClick: function onClick() {
1517
1519
  setContext(function (ctx) {
1520
+ var _a;
1518
1521
  var d = (0, _fortuneCore.getFlowdata)(ctx);
1519
1522
  if (d == null) return;
1520
1523
  (0, _fortuneCore.updateFormat)(ctx, refs.cellInput.current, d, "tb", value, refs.canvas.current.getContext("2d"));
1524
+ var sheetIndex = (0, _fortuneCore.getSheetIndex)(ctx, ctx.currentSheetId) || 0;
1525
+ var config = ctx.luckysheetfile[sheetIndex].config;
1526
+ var currentRowHeight = ((_a = config === null || config === void 0 ? void 0 : config.rowlen) === null || _a === void 0 ? void 0 : _a[0]) || ctx.luckysheetfile[sheetIndex].defaultColWidth || 22;
1527
+ _fortuneCore.api.setRowHeight(ctx, {
1528
+ 1: currentRowHeight + 0.2
1529
+ }, {
1530
+ id: ctx.currentSheetId
1531
+ });
1521
1532
  });
1522
1533
  setOpen(false);
1523
1534
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fileverse-dev/fortune-react",
3
- "version": "1.2.27",
3
+ "version": "1.2.29",
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.2.27",
19
+ "@fileverse-dev/fortune-core": "1.2.29",
20
20
  "@fileverse/ui": "^4.1.7-patch-40",
21
21
  "@tippyjs/react": "^4.2.6",
22
22
  "@types/regenerator-runtime": "^0.13.6",