@fileverse-dev/fortune-react 1.2.2 → 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 (5) hide show
  1. package/es/components/SheetOverlay/ColumnHeader.js +3 -16
  2. package/es/components/SheetOverlay/index.css +7 -27
  3. package/lib/components/SheetOverlay/ColumnHeader.js +3 -16
  4. package/lib/components/SheetOverlay/index.css +7 -27
  5. package/package.json +2 -2
package/es/components/SheetOverlay/ColumnHeader.js CHANGED
@@ -225,10 +225,10 @@ var ColumnHeader = function ColumnHeader() {
225
225
  }
226
226
  }, hiddenPointers.map(function (item) {
227
227
  return /*#__PURE__*/React.createElement("div", {
228
- className: "flex gap-4 cursor-pointer hide-btn align-center",
228
+ className: "flex gap-4 cursor-pointer hide-btn align-center jusify-between",
229
229
  style: {
230
230
  height: context.columnHeaderHeight - 12,
231
- left: "".concat(item.left - 12, "px")
231
+ left: "".concat(item.left - 15, "px")
232
232
  },
233
233
  onClick: function onClick(e) {
234
234
  return showColumn(e, item);
@@ -244,20 +244,7 @@ var ColumnHeader = function ColumnHeader() {
244
244
  }, /*#__PURE__*/React.createElement("path", {
245
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",
246
246
  fill: "#363B3F"
247
- }))));
248
- }), hiddenPointers.map(function (item) {
249
- return /*#__PURE__*/React.createElement("div", {
250
- onMouseEnter: onMouseMoveHideRight,
251
- onMouseLeave: onMouseLeaveHideRight,
252
- className: "flex gap-4 cursor-pointer hide-btn-right align-center",
253
- style: {
254
- height: context.columnHeaderHeight - 12,
255
- left: "".concat(item.left + 8 + hovered, "px")
256
- },
257
- onClick: function onClick(e) {
258
- return showColumn(e, item);
259
- }
260
- }, /*#__PURE__*/React.createElement("div", {
247
+ }))), /*#__PURE__*/React.createElement("div", {
261
248
  className: ""
262
249
  }, /*#__PURE__*/React.createElement("svg", {
263
250
  xmlns: "http://www.w3.org/2000/svg",
package/es/components/SheetOverlay/index.css CHANGED
@@ -1013,42 +1013,22 @@
1013
1013
  }
1014
1014
 
1015
1015
  .hide-btn {
1016
- padding-left: 2px;
1017
- padding-top: 2px;
1018
- position: absolute;
1019
- right: 5;
1020
- top: 5px;
1021
- z-index: 200;
1022
- }
1023
-
1024
- .hide-btn:hover {
1025
- padding-left: 1px;
1026
- padding-top: 1px;
1027
- width: 28px;
1028
- border: 1px solid black;
1029
- background-color: rgba(255, 255, 255, 1);
1030
- border-radius: var(--border-radius-sm, 4px);
1031
- }
1032
-
1033
- .hide-btn-right {
1016
+ padding-left: 3px;
1034
1017
  padding-right: 3px;
1035
1018
  padding-top: 2px;
1036
1019
  position: absolute;
1037
- right: 5;
1020
+ width: 32px;
1038
1021
  top: 5px;
1039
1022
  z-index: 200;
1040
- margin-right: 20px;
1041
1023
  }
1042
1024
 
1043
- .hide-btn-right:hover {
1025
+ .hide-btn:hover {
1026
+ padding-left: 2px;
1044
1027
  padding-right: 2px;
1045
1028
  padding-top: 1px;
1046
- z-index: 198;
1047
- justify-content: end;
1048
- width: 30px;
1049
- border: 1px solid black;
1050
1029
  background-color: rgba(255, 255, 255, 1);
1051
1030
  border-radius: var(--border-radius-sm, 4px);
1031
+ border: 1px solid #BDC4C8;
1052
1032
  }
1053
1033
 
1054
1034
  .rotate-row-icon {
@@ -1059,11 +1039,11 @@
1059
1039
  position: absolute;
1060
1040
  left: 4px;
1061
1041
  z-index: 200;
1062
- width: 15px;
1042
+ width: 12px;
1063
1043
  }
1064
1044
 
1065
1045
  .hide-btn-row:hover {
1066
1046
  background-color: white;
1067
- border: 1px solid black;
1047
+ border: 1px solid #BDC4C8;
1068
1048
  border-radius: 4px;
1069
1049
  }
package/lib/components/SheetOverlay/ColumnHeader.js CHANGED
@@ -234,10 +234,10 @@ var ColumnHeader = function ColumnHeader() {
234
234
  }
235
235
  }, hiddenPointers.map(function (item) {
236
236
  return /*#__PURE__*/_react.default.createElement("div", {
237
- className: "flex gap-4 cursor-pointer hide-btn align-center",
237
+ className: "flex gap-4 cursor-pointer hide-btn align-center jusify-between",
238
238
  style: {
239
239
  height: context.columnHeaderHeight - 12,
240
- left: "".concat(item.left - 12, "px")
240
+ left: "".concat(item.left - 15, "px")
241
241
  },
242
242
  onClick: function onClick(e) {
243
243
  return showColumn(e, item);
@@ -253,20 +253,7 @@ var ColumnHeader = function ColumnHeader() {
253
253
  }, /*#__PURE__*/_react.default.createElement("path", {
254
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",
255
255
  fill: "#363B3F"
256
- }))));
257
- }), hiddenPointers.map(function (item) {
258
- return /*#__PURE__*/_react.default.createElement("div", {
259
- onMouseEnter: onMouseMoveHideRight,
260
- onMouseLeave: onMouseLeaveHideRight,
261
- className: "flex gap-4 cursor-pointer hide-btn-right align-center",
262
- style: {
263
- height: context.columnHeaderHeight - 12,
264
- left: "".concat(item.left + 8 + hovered, "px")
265
- },
266
- onClick: function onClick(e) {
267
- return showColumn(e, item);
268
- }
269
- }, /*#__PURE__*/_react.default.createElement("div", {
256
+ }))), /*#__PURE__*/_react.default.createElement("div", {
270
257
  className: ""
271
258
  }, /*#__PURE__*/_react.default.createElement("svg", {
272
259
  xmlns: "http://www.w3.org/2000/svg",
package/lib/components/SheetOverlay/index.css CHANGED
@@ -1013,42 +1013,22 @@
1013
1013
  }
1014
1014
 
1015
1015
  .hide-btn {
1016
- padding-left: 2px;
1017
- padding-top: 2px;
1018
- position: absolute;
1019
- right: 5;
1020
- top: 5px;
1021
- z-index: 200;
1022
- }
1023
-
1024
- .hide-btn:hover {
1025
- padding-left: 1px;
1026
- padding-top: 1px;
1027
- width: 28px;
1028
- border: 1px solid black;
1029
- background-color: rgba(255, 255, 255, 1);
1030
- border-radius: var(--border-radius-sm, 4px);
1031
- }
1032
-
1033
- .hide-btn-right {
1016
+ padding-left: 3px;
1034
1017
  padding-right: 3px;
1035
1018
  padding-top: 2px;
1036
1019
  position: absolute;
1037
- right: 5;
1020
+ width: 32px;
1038
1021
  top: 5px;
1039
1022
  z-index: 200;
1040
- margin-right: 20px;
1041
1023
  }
1042
1024
 
1043
- .hide-btn-right:hover {
1025
+ .hide-btn:hover {
1026
+ padding-left: 2px;
1044
1027
  padding-right: 2px;
1045
1028
  padding-top: 1px;
1046
- z-index: 198;
1047
- justify-content: end;
1048
- width: 30px;
1049
- border: 1px solid black;
1050
1029
  background-color: rgba(255, 255, 255, 1);
1051
1030
  border-radius: var(--border-radius-sm, 4px);
1031
+ border: 1px solid #BDC4C8;
1052
1032
  }
1053
1033
 
1054
1034
  .rotate-row-icon {
@@ -1059,11 +1039,11 @@
1059
1039
  position: absolute;
1060
1040
  left: 4px;
1061
1041
  z-index: 200;
1062
- width: 15px;
1042
+ width: 12px;
1063
1043
  }
1064
1044
 
1065
1045
  .hide-btn-row:hover {
1066
1046
  background-color: white;
1067
- border: 1px solid black;
1047
+ border: 1px solid #BDC4C8;
1068
1048
  border-radius: 4px;
1069
1049
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fileverse-dev/fortune-react",
3
- "version": "1.2.2",
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.2",
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",