@fileverse-dev/fortune-react 1.2.1 → 1.2.3

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/DataVerification/RangeDialog.js +0 -2
  2. package/es/components/SheetOverlay/ColumnHeader.js +12 -14
  3. package/es/components/SheetOverlay/RowHeader.js +2 -2
  4. package/es/components/SheetOverlay/index.css +18 -5
  5. package/lib/components/DataVerification/RangeDialog.js +0 -2
  6. package/lib/components/SheetOverlay/ColumnHeader.js +12 -14
  7. package/lib/components/SheetOverlay/RowHeader.js +2 -2
  8. package/lib/components/SheetOverlay/index.css +18 -5
  9. package/package.json +2 -2
package/es/components/DataVerification/RangeDialog.js CHANGED
@@ -23,7 +23,6 @@ var RangeDialog = function RangeDialog() {
23
23
  ctx.rangeDialog.show = false;
24
24
  ctx.rangeDialog.singleSelect = false;
25
25
  });
26
- console.log("rangeDialogType");
27
26
  (_a = document.getElementById("data-verification-button")) === null || _a === void 0 ? void 0 : _a.click();
28
27
  if (!context.rangeDialog) return;
29
28
  var rangeDialogType = context.rangeDialog.type;
@@ -39,7 +38,6 @@ var RangeDialog = function RangeDialog() {
39
38
  type: rulesType
40
39
  }), undefined, locale(context).conditionformat["conditionformat_".concat(rulesType)]);
41
40
  }
42
- console.log("rangeDialogType", rangeDialogType);
43
41
  }, [setContext, showDialog, context]);
44
42
  useEffect(function () {
45
43
  setRangeTxt2(getDisplayedRangeTxt(context));
package/es/components/SheetOverlay/ColumnHeader.js CHANGED
@@ -195,6 +195,15 @@ var ColumnHeader = function ColumnHeader() {
195
195
  useEffect(function () {
196
196
  containerRef.current.scrollLeft = context.scrollLeft;
197
197
  }, [context.scrollLeft]);
198
+ var _h = useState(0),
199
+ hovered = _h[0],
200
+ setHovered = _h[1];
201
+ var onMouseMoveHideRight = useCallback(function () {
202
+ setHovered(-21);
203
+ }, []);
204
+ var onMouseLeaveHideRight = useCallback(function () {
205
+ setHovered(0);
206
+ }, []);
198
207
  return /*#__PURE__*/React.createElement("div", {
199
208
  ref: containerRef,
200
209
  className: "fortune-col-header",
@@ -216,10 +225,10 @@ var ColumnHeader = function ColumnHeader() {
216
225
  }
217
226
  }, hiddenPointers.map(function (item) {
218
227
  return /*#__PURE__*/React.createElement("div", {
219
- className: "flex gap-4 cursor-pointer hide-btn align-center",
228
+ className: "flex gap-4 cursor-pointer hide-btn align-center jusify-between",
220
229
  style: {
221
230
  height: context.columnHeaderHeight - 12,
222
- left: "".concat(item.left - 12, "px")
231
+ left: "".concat(item.left - 15, "px")
223
232
  },
224
233
  onClick: function onClick(e) {
225
234
  return showColumn(e, item);
@@ -235,18 +244,7 @@ var ColumnHeader = function ColumnHeader() {
235
244
  }, /*#__PURE__*/React.createElement("path", {
236
245
  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",
237
246
  fill: "#363B3F"
238
- }))));
239
- }), hiddenPointers.map(function (item) {
240
- return /*#__PURE__*/React.createElement("div", {
241
- className: "flex gap-4 cursor-pointer hide-btn align-center",
242
- style: {
243
- height: context.columnHeaderHeight - 12,
244
- left: "".concat(item.left + 6, "px")
245
- },
246
- onClick: function onClick(e) {
247
- return showColumn(e, item);
248
- }
249
- }, /*#__PURE__*/React.createElement("div", {
247
+ }))), /*#__PURE__*/React.createElement("div", {
250
248
  className: ""
251
249
  }, /*#__PURE__*/React.createElement("svg", {
252
250
  xmlns: "http://www.w3.org/2000/svg",
package/es/components/SheetOverlay/RowHeader.js CHANGED
@@ -206,9 +206,9 @@ var RowHeader = function RowHeader() {
206
206
  onContextMenu: onContextMenu
207
207
  }, hiddenPointers.map(function (item) {
208
208
  return /*#__PURE__*/React.createElement("div", {
209
- className: "flex flex-col gap-4 cursor-pointer align-center hide-btn-row hide-btn",
209
+ className: "flex flex-col gap-4 cursor-pointer align-center hide-btn-row",
210
210
  style: {
211
- top: "".concat(item.top - 16, "px"),
211
+ top: "".concat(item.top - 15, "px"),
212
212
  zIndex: 100
213
213
  },
214
214
  onClick: function onClick(e) {
package/es/components/SheetOverlay/index.css CHANGED
@@ -1013,16 +1013,22 @@
1013
1013
  }
1014
1014
 
1015
1015
  .hide-btn {
1016
- padding-top: 1px;
1016
+ padding-left: 3px;
1017
+ padding-right: 3px;
1018
+ padding-top: 2px;
1017
1019
  position: absolute;
1018
- right: 5;
1020
+ width: 32px;
1019
1021
  top: 5px;
1020
1022
  z-index: 200;
1021
- width: 9px;
1022
1023
  }
1023
1024
 
1024
1025
  .hide-btn:hover {
1025
- border: 1px solid #0188fb;
1026
+ padding-left: 2px;
1027
+ padding-right: 2px;
1028
+ padding-top: 1px;
1029
+ background-color: rgba(255, 255, 255, 1);
1030
+ border-radius: var(--border-radius-sm, 4px);
1031
+ border: 1px solid #BDC4C8;
1026
1032
  }
1027
1033
 
1028
1034
  .rotate-row-icon {
@@ -1031,6 +1037,13 @@
1031
1037
 
1032
1038
  .hide-btn-row {
1033
1039
  position: absolute;
1034
- left: 4px;
1040
+ left: 4px;
1035
1041
  z-index: 200;
1042
+ width: 12px;
1043
+ }
1044
+
1045
+ .hide-btn-row:hover {
1046
+ background-color: white;
1047
+ border: 1px solid #BDC4C8;
1048
+ border-radius: 4px;
1036
1049
  }
package/lib/components/DataVerification/RangeDialog.js CHANGED
@@ -32,7 +32,6 @@ var RangeDialog = function RangeDialog() {
32
32
  ctx.rangeDialog.show = false;
33
33
  ctx.rangeDialog.singleSelect = false;
34
34
  });
35
- console.log("rangeDialogType");
36
35
  (_a = document.getElementById("data-verification-button")) === null || _a === void 0 ? void 0 : _a.click();
37
36
  if (!context.rangeDialog) return;
38
37
  var rangeDialogType = context.rangeDialog.type;
@@ -48,7 +47,6 @@ var RangeDialog = function RangeDialog() {
48
47
  type: rulesType
49
48
  }), undefined, (0, _fortuneCore.locale)(context).conditionformat["conditionformat_".concat(rulesType)]);
50
49
  }
51
- console.log("rangeDialogType", rangeDialogType);
52
50
  }, [setContext, showDialog, context]);
53
51
  (0, _react.useEffect)(function () {
54
52
  setRangeTxt2((0, _getDisplayedRangeTxt.getDisplayedRangeTxt)(context));
package/lib/components/SheetOverlay/ColumnHeader.js CHANGED
@@ -204,6 +204,15 @@ var ColumnHeader = function ColumnHeader() {
204
204
  (0, _react.useEffect)(function () {
205
205
  containerRef.current.scrollLeft = context.scrollLeft;
206
206
  }, [context.scrollLeft]);
207
+ var _h = (0, _react.useState)(0),
208
+ hovered = _h[0],
209
+ setHovered = _h[1];
210
+ var onMouseMoveHideRight = (0, _react.useCallback)(function () {
211
+ setHovered(-21);
212
+ }, []);
213
+ var onMouseLeaveHideRight = (0, _react.useCallback)(function () {
214
+ setHovered(0);
215
+ }, []);
207
216
  return /*#__PURE__*/_react.default.createElement("div", {
208
217
  ref: containerRef,
209
218
  className: "fortune-col-header",
@@ -225,10 +234,10 @@ var ColumnHeader = function ColumnHeader() {
225
234
  }
226
235
  }, hiddenPointers.map(function (item) {
227
236
  return /*#__PURE__*/_react.default.createElement("div", {
228
- className: "flex gap-4 cursor-pointer hide-btn align-center",
237
+ className: "flex gap-4 cursor-pointer hide-btn align-center jusify-between",
229
238
  style: {
230
239
  height: context.columnHeaderHeight - 12,
231
- left: "".concat(item.left - 12, "px")
240
+ left: "".concat(item.left - 15, "px")
232
241
  },
233
242
  onClick: function onClick(e) {
234
243
  return showColumn(e, item);
@@ -244,18 +253,7 @@ var ColumnHeader = function ColumnHeader() {
244
253
  }, /*#__PURE__*/_react.default.createElement("path", {
245
254
  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",
246
255
  fill: "#363B3F"
247
- }))));
248
- }), hiddenPointers.map(function (item) {
249
- return /*#__PURE__*/_react.default.createElement("div", {
250
- className: "flex gap-4 cursor-pointer hide-btn align-center",
251
- style: {
252
- height: context.columnHeaderHeight - 12,
253
- left: "".concat(item.left + 6, "px")
254
- },
255
- onClick: function onClick(e) {
256
- return showColumn(e, item);
257
- }
258
- }, /*#__PURE__*/_react.default.createElement("div", {
256
+ }))), /*#__PURE__*/_react.default.createElement("div", {
259
257
  className: ""
260
258
  }, /*#__PURE__*/_react.default.createElement("svg", {
261
259
  xmlns: "http://www.w3.org/2000/svg",
package/lib/components/SheetOverlay/RowHeader.js CHANGED
@@ -215,9 +215,9 @@ var RowHeader = function RowHeader() {
215
215
  onContextMenu: onContextMenu
216
216
  }, hiddenPointers.map(function (item) {
217
217
  return /*#__PURE__*/_react.default.createElement("div", {
218
- className: "flex flex-col gap-4 cursor-pointer align-center hide-btn-row hide-btn",
218
+ className: "flex flex-col gap-4 cursor-pointer align-center hide-btn-row",
219
219
  style: {
220
- top: "".concat(item.top - 16, "px"),
220
+ top: "".concat(item.top - 15, "px"),
221
221
  zIndex: 100
222
222
  },
223
223
  onClick: function onClick(e) {
package/lib/components/SheetOverlay/index.css CHANGED
@@ -1013,16 +1013,22 @@
1013
1013
  }
1014
1014
 
1015
1015
  .hide-btn {
1016
- padding-top: 1px;
1016
+ padding-left: 3px;
1017
+ padding-right: 3px;
1018
+ padding-top: 2px;
1017
1019
  position: absolute;
1018
- right: 5;
1020
+ width: 32px;
1019
1021
  top: 5px;
1020
1022
  z-index: 200;
1021
- width: 9px;
1022
1023
  }
1023
1024
 
1024
1025
  .hide-btn:hover {
1025
- border: 1px solid #0188fb;
1026
+ padding-left: 2px;
1027
+ padding-right: 2px;
1028
+ padding-top: 1px;
1029
+ background-color: rgba(255, 255, 255, 1);
1030
+ border-radius: var(--border-radius-sm, 4px);
1031
+ border: 1px solid #BDC4C8;
1026
1032
  }
1027
1033
 
1028
1034
  .rotate-row-icon {
@@ -1031,6 +1037,13 @@
1031
1037
 
1032
1038
  .hide-btn-row {
1033
1039
  position: absolute;
1034
- left: 4px;
1040
+ left: 4px;
1035
1041
  z-index: 200;
1042
+ width: 12px;
1043
+ }
1044
+
1045
+ .hide-btn-row:hover {
1046
+ background-color: white;
1047
+ border: 1px solid #BDC4C8;
1048
+ border-radius: 4px;
1036
1049
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fileverse-dev/fortune-react",
3
- "version": "1.2.1",
3
+ "version": "1.2.3",
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.1",
19
+ "@fileverse-dev/fortune-core": "1.2.3",
20
20
  "@fileverse/ui": "^4.1.7-patch-21",
21
21
  "@tippyjs/react": "^4.2.6",
22
22
  "@types/regenerator-runtime": "^0.13.6",