pixel-react-excel-sheet 1.0.15 → 1.0.17
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/index.esm.js +79 -48
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +79 -48
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.scss +1 -1
- package/src/components/Excel/ExcelFile/ExcelFile.tsx +2 -2
- package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +25 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/CornerIndicator.tsx +1 -2
- package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +5 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +5 -1
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +19 -11
package/lib/index.js
CHANGED
|
@@ -31200,10 +31200,7 @@ const CornerIndicator = ({
|
|
|
31200
31200
|
onSelect();
|
|
31201
31201
|
}, [onSelect]);
|
|
31202
31202
|
return jsxRuntime.jsx("th", {
|
|
31203
|
-
|
|
31204
|
-
zIndex: '200'
|
|
31205
|
-
},
|
|
31206
|
-
className: classNames('ff-spreadsheet-header', {
|
|
31203
|
+
className: classNames('ff-spreadsheet-header ff-spreadsheet-corner-header', {
|
|
31207
31204
|
'ff-spreadsheet-header--selected': selected
|
|
31208
31205
|
}),
|
|
31209
31206
|
onClick: handleClick,
|
|
@@ -31290,34 +31287,60 @@ const ColumnIndicator = ({
|
|
|
31290
31287
|
options: options
|
|
31291
31288
|
});
|
|
31292
31289
|
}, [onSelect, column, setContextMenu]);
|
|
31293
|
-
return
|
|
31294
|
-
|
|
31295
|
-
|
|
31296
|
-
|
|
31297
|
-
|
|
31298
|
-
|
|
31299
|
-
|
|
31300
|
-
}
|
|
31301
|
-
|
|
31302
|
-
|
|
31303
|
-
|
|
31304
|
-
|
|
31305
|
-
|
|
31306
|
-
|
|
31307
|
-
|
|
31308
|
-
|
|
31309
|
-
|
|
31290
|
+
return (
|
|
31291
|
+
// <th
|
|
31292
|
+
// style={{ minWidth: `${columnWidth}px`, position: 'relative' }} //Dynamic value, Inline Styling required
|
|
31293
|
+
// className={classNames('ff-spreadsheet-header', {
|
|
31294
|
+
// 'ff-spreadsheet-header--selected': selected,
|
|
31295
|
+
// })}
|
|
31296
|
+
// onClick={handleClick}
|
|
31297
|
+
// onContextMenu={contextClick}
|
|
31298
|
+
// tabIndex={0}
|
|
31299
|
+
// >
|
|
31300
|
+
// {label !== undefined ? label : columnIndexToLabel(column)}
|
|
31301
|
+
// <div
|
|
31302
|
+
// onMouseDown={onMouseDown}
|
|
31303
|
+
// onClick={() => activate({ row: -1, column })}
|
|
31304
|
+
// style={{
|
|
31305
|
+
// zIndex: 'inherit',
|
|
31306
|
+
// width: '2px',
|
|
31307
|
+
// position: 'absolute',
|
|
31308
|
+
// right: 0,
|
|
31309
|
+
// top: 0,
|
|
31310
|
+
// height: '100%',
|
|
31311
|
+
// cursor: 'ew-resize',
|
|
31312
|
+
// }}
|
|
31313
|
+
// />
|
|
31314
|
+
// </th>
|
|
31315
|
+
jsxRuntime.jsxs("th", {
|
|
31310
31316
|
style: {
|
|
31311
|
-
|
|
31312
|
-
|
|
31313
|
-
|
|
31314
|
-
|
|
31315
|
-
|
|
31316
|
-
|
|
31317
|
-
|
|
31318
|
-
|
|
31319
|
-
|
|
31320
|
-
|
|
31317
|
+
minWidth: `${columnWidth}px`,
|
|
31318
|
+
position: 'relative'
|
|
31319
|
+
},
|
|
31320
|
+
className: classNames('ff-spreadsheet-header', {
|
|
31321
|
+
'ff-spreadsheet-header--selected': selected
|
|
31322
|
+
}),
|
|
31323
|
+
onClick: handleClick,
|
|
31324
|
+
onContextMenu: contextClick,
|
|
31325
|
+
tabIndex: 0,
|
|
31326
|
+
children: [label !== undefined ? label : columnIndexToLabel(column), jsxRuntime.jsx("div", {
|
|
31327
|
+
onMouseDown: onMouseDown,
|
|
31328
|
+
onClick: () => activate$1({
|
|
31329
|
+
row: -1,
|
|
31330
|
+
column
|
|
31331
|
+
}),
|
|
31332
|
+
style: {
|
|
31333
|
+
zIndex: 'inherit',
|
|
31334
|
+
width: '2px',
|
|
31335
|
+
position: 'absolute',
|
|
31336
|
+
right: 0,
|
|
31337
|
+
top: 0,
|
|
31338
|
+
height: '100%',
|
|
31339
|
+
cursor: 'ew-resize'
|
|
31340
|
+
}
|
|
31341
|
+
})]
|
|
31342
|
+
})
|
|
31343
|
+
);
|
|
31321
31344
|
};
|
|
31322
31345
|
const enhance$2 = ColumnIndicatorComponent => {
|
|
31323
31346
|
return function ColumnIndicatorWrapper(props) {
|
|
@@ -31407,8 +31430,8 @@ const RowIndicator = ({
|
|
|
31407
31430
|
return jsxRuntime.jsxs("th", {
|
|
31408
31431
|
style: {
|
|
31409
31432
|
height: `${rowHeight}px`,
|
|
31410
|
-
minWidth: '60px'
|
|
31411
|
-
position: 'relative'
|
|
31433
|
+
minWidth: '60px'
|
|
31434
|
+
// position: 'relative',
|
|
31412
31435
|
},
|
|
31413
31436
|
className: classNames('ff-spreadsheet-header', {
|
|
31414
31437
|
'ff-spreadsheet-header--selected': selected
|
|
@@ -31816,7 +31839,7 @@ const Copied = () => {
|
|
|
31816
31839
|
});
|
|
31817
31840
|
};
|
|
31818
31841
|
|
|
31819
|
-
var css_248z$m = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-excel {\n display: flex;\n flex-direction: column;\n}\n.ff-excel .ff-excel-toolbar-container {\n position: static;\n top: 0;\n background-color: var(--excel-toolbar-bg);\n padding: 4px 8px;\n margin-bottom: 20px;\n}\n.ff-excel .ff-spreadsheet {\n --background-color: var(--drawer-footer-bg);\n --text-color: var(--text-color);\n --readonly-text-color: var(--toggle-strip-active);\n --outline-color: var(--toggle-strip-active);\n --outline-background-color: var(--overlay-bg);\n --border-color: var(--excel-sheet-border);\n --header-background-color: var(--pop-up-background-blur);\n --elevation: var(--brand-color);\n position: relative;\n overflow: scroll;\n background: var(--background-color);\n color: var(--text-color);\n scrollbar-width: none;\n display: inline-block;\n}\n.ff-excel .ff-spreadsheet::-webkit-scrollbar {\n height: 0px;\n}\n.ff-excel .ff-spreadsheet-active-cell {\n position: absolute;\n border: 2px solid var(--outline-color);\n box-sizing: border-box;\n}\n.ff-excel .ff-spreadsheet-active-cell--edit {\n background: var(--background-color);\n box-shadow: var(--elevation);\n}\n.ff-excel .ff-spreadsheet-table {\n overflow: scroll;\n border-collapse: collapse;\n table-layout: fixed;\n}\n.ff-excel .ff-spreadsheet-table::-webkit-scrollbar {\n height: 0px;\n}\n.ff-excel .ff-spreadsheet-cell {\n outline: none;\n position: relative;\n z-index: 0;\n}\n.ff-excel .ff-spreadsheet-active-cell .select_dot {\n background-color: var(--elevation);\n height: 10px;\n width: 10px;\n border-radius: 50%;\n position: absolute;\n bottom: -5px;\n right: -5px;\n cursor: crosshair;\n z-index: 1000;\n}\n.ff-excel .ff-spreadsheet-cell--readonly {\n color: var(--readonly-text-color);\n}\n.ff-excel .ff-spreadsheet-cell,\n.ff-excel .ff-spreadsheet-header {\n border: 0.1px solid var(--border-color);\n overflow: hidden;\n word-break: keep-all;\n white-space: nowrap;\n text-align: left;\n box-sizing: border-box;\n user-select: none;\n}\n.ff-excel .ff-spreadsheet-header {\n border: 0.1px solid var(--border-color);\n background-color: var(--header-background-color);\n color: var(--readonly-text-color);\n text-align: center;\n z-index:
|
|
31842
|
+
var css_248z$m = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-excel {\n display: flex;\n flex-direction: column;\n}\n.ff-excel .ff-excel-toolbar-container {\n position: static;\n top: 0;\n background-color: var(--excel-toolbar-bg);\n padding: 4px 8px;\n margin-bottom: 20px;\n}\n.ff-excel .ff-spreadsheet {\n --background-color: var(--drawer-footer-bg);\n --text-color: var(--text-color);\n --readonly-text-color: var(--toggle-strip-active);\n --outline-color: var(--toggle-strip-active);\n --outline-background-color: var(--overlay-bg);\n --border-color: var(--excel-sheet-border);\n --header-background-color: var(--pop-up-background-blur);\n --elevation: var(--brand-color);\n position: relative;\n overflow: scroll;\n background: var(--background-color);\n color: var(--text-color);\n scrollbar-width: none;\n display: inline-block;\n}\n.ff-excel .ff-spreadsheet::-webkit-scrollbar {\n height: 0px;\n}\n.ff-excel .ff-spreadsheet-active-cell {\n position: absolute;\n border: 2px solid var(--outline-color);\n box-sizing: border-box;\n}\n.ff-excel .ff-spreadsheet-active-cell--edit {\n background: var(--background-color);\n box-shadow: var(--elevation);\n}\n.ff-excel .ff-spreadsheet-table {\n overflow: scroll;\n border-collapse: collapse;\n table-layout: fixed;\n}\n.ff-excel .ff-spreadsheet-table::-webkit-scrollbar {\n height: 0px;\n}\n.ff-excel .ff-spreadsheet-cell {\n outline: none;\n position: relative;\n z-index: 0;\n}\n.ff-excel .ff-spreadsheet-active-cell .select_dot {\n background-color: var(--elevation);\n height: 10px;\n width: 10px;\n border-radius: 50%;\n position: absolute;\n bottom: -5px;\n right: -5px;\n cursor: crosshair;\n z-index: 1000;\n}\n.ff-excel .ff-spreadsheet-cell--readonly {\n color: var(--readonly-text-color);\n}\n.ff-excel .ff-spreadsheet-cell,\n.ff-excel .ff-spreadsheet-header {\n border: 0.1px solid var(--border-color);\n overflow: hidden;\n word-break: keep-all;\n white-space: nowrap;\n text-align: left;\n box-sizing: border-box;\n user-select: none;\n}\n.ff-excel .ff-spreadsheet-header {\n border: 0.1px solid var(--border-color);\n background-color: var(--header-background-color);\n color: var(--readonly-text-color);\n text-align: center;\n z-index: 1000;\n font-weight: 500;\n font-size: 12px;\n}\n.ff-excel .ff-spreadsheet-corner-header {\n z-index: 1100;\n}\n.ff-excel .corner_indicator {\n padding-left: 20px;\n}\n.ff-excel .ff-spreadsheet-header--selected {\n background: var(--brand-color);\n color: var(--tooltip-text-color);\n}\n.ff-excel .ff-spreadsheet-header,\n.ff-excel .ff-spreadsheet-data-viewer,\n.ff-excel .ff-spreadsheet-data-editor input {\n padding: 4px;\n box-sizing: border-box;\n}\n.ff-excel .ff-spreadsheet-data-viewer--preserve-breaks {\n white-space: pre-wrap;\n}\n.ff-excel .ff-spreadsheet-data-editor,\n.ff-excel .ff-spreadsheet-data-editor input {\n width: 100%;\n height: 100%;\n}\n.ff-excel .ff-spreadsheet-data-editor input {\n font: inherit;\n color: inherit;\n background: none;\n border: none;\n outline: none;\n margin: 0;\n}\n.ff-excel .ff-spreadsheet-data-viewer--boolean {\n text-align: center;\n}\n.ff-excel .ff-spreadsheet-floating-rect {\n position: absolute;\n pointer-events: none;\n box-sizing: border-box;\n}\n.ff-excel .ff-spreadsheet-floating-rect--hidden {\n display: none;\n}\n.ff-excel .ff-spreadsheet-floating-rect--selected {\n background: var(--outline-background-color);\n border: 2px var(--outline-color) solid;\n}\n.ff-excel .ff-spreadsheet-floating-rect--dragging {\n border: none;\n}\n.ff-excel .ff-spreadsheet-floating-rect--copied {\n border: 2px var(--outline-color) dashed;\n}";
|
|
31820
31843
|
styleInject(css_248z$m);
|
|
31821
31844
|
|
|
31822
31845
|
var css_248z$l = ".ff-excel-toolbar {\n display: flex;\n height: 32px;\n align-items: center;\n}\n.ff-excel-toolbar .ff-excel-toolbar-divider {\n width: 1px;\n height: 24px;\n background-color: var(--excel-toolbar-divider);\n margin: 0 24px;\n border-radius: 1px;\n z-index: 1000;\n}\n.ff-excel-toolbar .ff-excel-toolbar-font {\n display: flex;\n gap: 8px;\n justify-content: space-between;\n}\n.ff-excel-toolbar .ff-excel-toolbar-font .ff-excel-toolbar-font-family {\n width: 120px;\n}\n.ff-excel-toolbar .ff-excel-toolbar-font .ff-excel-toolbar-font-size {\n width: 56px;\n}\n.ff-excel-toolbar .ff-excel-toolbar-text {\n width: 100px;\n height: 24px;\n display: flex;\n gap: 8px;\n justify-content: space-between;\n}\n.ff-excel-toolbar .ff-excel-toolbar-text .ff-excel-toolbar-icon-underline {\n display: flex;\n align-items: center;\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon {\n width: 88px;\n height: 24px;\n display: flex;\n gap: 8px;\n justify-content: space-between;\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color {\n width: 24px;\n height: 24px;\n border-radius: 4px;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color:hover {\n border-radius: 4px;\n background-color: var(--icon-hover-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color {\n background-color: var(--brand-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover {\n background-color: var(--primary-button-text-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover svg path {\n fill: var(--brand-color);\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color:hover {\n border-radius: 4px;\n background-color: var(--icon-hover-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color {\n background-color: var(--brand-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover {\n background-color: var(--primary-button-text-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover svg path {\n fill: var(--brand-color);\n}\n.ff-excel-toolbar .ff-excel-toolbar-menu {\n display: flex;\n align-items: center;\n width: 36px;\n height: 24px;\n}\n.ff-excel-toolbar .ff-excel-toolbar-menu .ff-excel-toolbar-menu-option {\n display: flex;\n align-items: center;\n}";
|
|
@@ -32021,7 +32044,11 @@ const ExcelToolBar = ({
|
|
|
32021
32044
|
const [underLine, setUnderLine] = React.useState('underline');
|
|
32022
32045
|
const [selectedFontFamily, setSelectedFontFamily] = React.useState({
|
|
32023
32046
|
label: 'Times New Roman',
|
|
32024
|
-
value: '
|
|
32047
|
+
value: 'Times New Roman'
|
|
32048
|
+
});
|
|
32049
|
+
const [selectedFontSize, setSelectedFontSize] = React.useState({
|
|
32050
|
+
label: '11',
|
|
32051
|
+
value: '11'
|
|
32025
32052
|
});
|
|
32026
32053
|
const [colorContainer, setColorPicker] = React.useState({
|
|
32027
32054
|
color: 'var(--error-light)',
|
|
@@ -32154,11 +32181,12 @@ const ExcelToolBar = ({
|
|
|
32154
32181
|
className: "ff-excel-toolbar-font-family",
|
|
32155
32182
|
children: jsxRuntime.jsx(Select$1, {
|
|
32156
32183
|
showLabel: false,
|
|
32157
|
-
optionZIndex:
|
|
32184
|
+
optionZIndex: 1000,
|
|
32158
32185
|
onChange: e => {
|
|
32186
|
+
console.log(e);
|
|
32159
32187
|
setSelectedFontFamily({
|
|
32160
32188
|
label: e.label,
|
|
32161
|
-
value: e.
|
|
32189
|
+
value: e.label
|
|
32162
32190
|
});
|
|
32163
32191
|
setFontFamily(data, e.label);
|
|
32164
32192
|
},
|
|
@@ -32174,14 +32202,17 @@ const ExcelToolBar = ({
|
|
|
32174
32202
|
className: "ff-excel-toolbar-font-size",
|
|
32175
32203
|
children: jsxRuntime.jsx(Select$1, {
|
|
32176
32204
|
showLabel: false,
|
|
32177
|
-
optionZIndex:
|
|
32205
|
+
optionZIndex: 1000,
|
|
32178
32206
|
required: false,
|
|
32179
|
-
onChange: e =>
|
|
32207
|
+
onChange: e => {
|
|
32208
|
+
setSelectedFontSize({
|
|
32209
|
+
label: e.label,
|
|
32210
|
+
value: e.value
|
|
32211
|
+
});
|
|
32212
|
+
setFontSize(data, e.value);
|
|
32213
|
+
},
|
|
32180
32214
|
optionsList: fontSize,
|
|
32181
|
-
selectedOption:
|
|
32182
|
-
label: '11',
|
|
32183
|
-
value: '11'
|
|
32184
|
-
}
|
|
32215
|
+
selectedOption: selectedFontSize
|
|
32185
32216
|
})
|
|
32186
32217
|
})
|
|
32187
32218
|
})]
|
|
@@ -32257,7 +32288,7 @@ const ExcelToolBar = ({
|
|
|
32257
32288
|
name: getUnderlineIcon()
|
|
32258
32289
|
}), jsxRuntime.jsx(MenuOption, {
|
|
32259
32290
|
iconName: "arrow_down",
|
|
32260
|
-
zIndex:
|
|
32291
|
+
zIndex: 1000,
|
|
32261
32292
|
iconSize: 12,
|
|
32262
32293
|
options: underlineTypeIcon,
|
|
32263
32294
|
tooltipPlacement: "top",
|
|
@@ -32340,7 +32371,7 @@ const ExcelToolBar = ({
|
|
|
32340
32371
|
}), jsxRuntime.jsx(MenuOption, {
|
|
32341
32372
|
iconName: "arrow_down",
|
|
32342
32373
|
iconSize: 12,
|
|
32343
|
-
zIndex:
|
|
32374
|
+
zIndex: 1000,
|
|
32344
32375
|
options: borderTypeIcon,
|
|
32345
32376
|
tooltipPlacement: "top",
|
|
32346
32377
|
variant: "light",
|
|
@@ -32621,7 +32652,7 @@ const Spreadsheet = props => {
|
|
|
32621
32652
|
var css_248z$j = ".ff-excel-book {\n z-index: 1000;\n}\n.ff-excel-book .ff-excel-sheet {\n position: static;\n top: 0;\n}\n.ff-excel-book .ff-excel-sheet-bar {\n position: static;\n max-width: 100%;\n margin-left: 60px;\n display: flex;\n height: 36px;\n align-items: center;\n color: var(--brand2-color);\n box-shadow: 0px 0px 4px -1px var(--toggle-strip-shadow);\n}\n.ff-excel-book .ff-excel-sheet-bar .ff-excel-add-sheet-icon {\n position: fixed;\n margin-top: 4px;\n padding: 0px 6px;\n}\n.ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container {\n padding-left: 40px;\n height: 36px;\n display: flex;\n overflow-x: auto;\n align-items: center;\n scrollbar-width: none;\n scrollbar-color: var(--hover-color) transparent;\n}\n.ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container::-webkit-scrollbar-track {\n background-color: transparent;\n}\n.ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container::-webkit-scrollbar-thumb {\n border-radius: 5px;\n}\n.ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container::-webkit-scrollbar {\n height: 0px;\n}\n.ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container .ff-excel-tab-list {\n margin-top: 2px;\n padding: 10px 9px;\n min-width: max-content;\n cursor: pointer;\n display: flex;\n background-color: var(--hover-color);\n}\n.ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container .ff-excel-tab-list.active {\n background-color: var(--excel-sheet-button-color);\n}\n.ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container .ff-excel-tab-list:focus {\n outline: none;\n text-decoration: none;\n}";
|
|
32622
32653
|
styleInject(css_248z$j);
|
|
32623
32654
|
|
|
32624
|
-
var css_248z$i = ".ff-excel-menu {\n position: absolute;\n border: 1px solid var(--option-card-border-color);\n background: var(--option-card-bg-color);\n border-radius: 4px;\n margin: 2px;\n min-height: 32px;\n min-width: 111px;\n white-space: nowrap;\n z-index:
|
|
32655
|
+
var css_248z$i = ".ff-excel-menu {\n position: absolute;\n border: 1px solid var(--option-card-border-color);\n background: var(--option-card-bg-color);\n border-radius: 4px;\n margin: 2px;\n min-height: 32px;\n min-width: 111px;\n white-space: nowrap;\n z-index: 2000;\n}\n.ff-excel-menu .ff-excel-menu-options {\n color: var(--text-color);\n cursor: pointer;\n border-radius: 3px;\n display: flex;\n align-items: center;\n padding: 4px;\n gap: 8px;\n}\n.ff-excel-menu .ff-excel-menu-options:hover {\n background-color: var(--hover-color);\n}\n.ff-excel-menu .ff-excel-menu-options label {\n cursor: pointer;\n}";
|
|
32625
32656
|
styleInject(css_248z$i);
|
|
32626
32657
|
|
|
32627
32658
|
const ExcelContextMenu = ({
|
|
@@ -32997,8 +33028,8 @@ const ExcelFile = ({
|
|
|
32997
33028
|
setContextMenu({
|
|
32998
33029
|
open: true,
|
|
32999
33030
|
position: {
|
|
33000
|
-
x: event.pageX -
|
|
33001
|
-
y: event.pageY -
|
|
33031
|
+
x: event.pageX - 0,
|
|
33032
|
+
y: event.pageY - 50
|
|
33002
33033
|
},
|
|
33003
33034
|
options: options
|
|
33004
33035
|
});
|