pixel-react-excel-sheet 1.0.34 → 1.0.35
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/lib/components/Excel/ExcelFile/ExcelFile.d.ts +3 -0
- package/lib/index.d.ts +3 -0
- package/lib/index.esm.js +13 -12
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +13 -12
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Excel/ExcelFile/ExcelFile.tsx +18 -10
- package/src/components/Excel/ExcelFile.stories.tsx +3 -0
package/lib/index.js
CHANGED
|
@@ -33175,6 +33175,9 @@ const ExcelContextMenu = ({
|
|
|
33175
33175
|
const ExcelFile = ({
|
|
33176
33176
|
excelData,
|
|
33177
33177
|
sheetHeight = '100%',
|
|
33178
|
+
heightType = 'page',
|
|
33179
|
+
contextHeight = 0,
|
|
33180
|
+
contextWidth = 0,
|
|
33178
33181
|
onSave = saveData => {
|
|
33179
33182
|
saveData();
|
|
33180
33183
|
}
|
|
@@ -33519,32 +33522,30 @@ const ExcelFile = ({
|
|
|
33519
33522
|
handleSheetChange(name, index);
|
|
33520
33523
|
}
|
|
33521
33524
|
});
|
|
33522
|
-
setPosition({
|
|
33523
|
-
x: event.clientX - 350,
|
|
33524
|
-
y: event.clientY
|
|
33525
|
-
});
|
|
33526
33525
|
setContextMenu({
|
|
33527
33526
|
open: true,
|
|
33528
33527
|
position: {
|
|
33529
|
-
x: event.
|
|
33530
|
-
y: event.
|
|
33528
|
+
x: event.pageX,
|
|
33529
|
+
y: event.pageY
|
|
33531
33530
|
},
|
|
33532
33531
|
options: options
|
|
33533
33532
|
});
|
|
33534
33533
|
};
|
|
33535
33534
|
return jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
33536
33535
|
children: sheetNames.length > 0 && jsxRuntime.jsxs("div", {
|
|
33537
|
-
|
|
33536
|
+
style: {
|
|
33537
|
+
position: 'relative'
|
|
33538
|
+
},
|
|
33538
33539
|
onContextMenu: event => {
|
|
33540
|
+
const xPosition = heightType === 'page' ? event.pageX : event.clientX;
|
|
33541
|
+
const yPosition = heightType === 'page' ? event.pageY : event.clientY;
|
|
33539
33542
|
setPosition({
|
|
33540
|
-
x:
|
|
33541
|
-
y:
|
|
33543
|
+
x: xPosition + contextWidth,
|
|
33544
|
+
y: yPosition + contextHeight
|
|
33542
33545
|
});
|
|
33543
33546
|
},
|
|
33544
|
-
style: {
|
|
33545
|
-
position: 'relative'
|
|
33546
|
-
},
|
|
33547
33547
|
children: [jsxRuntime.jsx("div", {
|
|
33548
|
+
ref: sheetRef,
|
|
33548
33549
|
className: "ff-excel-sheet",
|
|
33549
33550
|
children: jsxRuntime.jsx(Spreadsheet, {
|
|
33550
33551
|
sheetHeight: sheetHeight,
|