@seafile/sdoc-editor 1.0.23 → 1.0.25
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/dist/basic-sdk/extension/plugins/callout/render-elem/index.js +8 -2
- package/dist/basic-sdk/extension/plugins/seatable-column/menu/column-list-menu.css +6 -0
- package/dist/basic-sdk/extension/plugins/seatable-column/menu/index.js +2 -1
- package/dist/basic-sdk/extension/plugins/seatable-tables/render-element/seatable-table.js +7 -2
- package/package.json +1 -1
|
@@ -72,7 +72,10 @@ const renderCallout = (_ref, editor) => {
|
|
|
72
72
|
top: menuTop,
|
|
73
73
|
left: left // left = code-block left distance
|
|
74
74
|
};
|
|
75
|
-
|
|
75
|
+
// 165 is distance with browser top
|
|
76
|
+
if (menuTop < 165) {
|
|
77
|
+
newMenuPosition['display'] = 'none';
|
|
78
|
+
}
|
|
76
79
|
setPopoverPosition(newMenuPosition);
|
|
77
80
|
}
|
|
78
81
|
}, [isShowColorSelector, readOnly]);
|
|
@@ -108,7 +111,10 @@ const renderCallout = (_ref, editor) => {
|
|
|
108
111
|
top: menuTop,
|
|
109
112
|
left: left // left = callout left distance
|
|
110
113
|
};
|
|
111
|
-
|
|
114
|
+
// 165 is distance with browser top
|
|
115
|
+
if (menuTop < 165) {
|
|
116
|
+
newMenuPosition['display'] = 'none';
|
|
117
|
+
}
|
|
112
118
|
setPopoverPosition(newMenuPosition);
|
|
113
119
|
setIsShowColorSelector(true);
|
|
114
120
|
}, [readOnly]);
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
.seatable-column-popover {
|
|
2
|
+
padding: 0;
|
|
3
|
+
}
|
|
4
|
+
|
|
1
5
|
.column-list-menu {
|
|
2
6
|
position: absolute;
|
|
3
7
|
left: -8px;
|
|
@@ -17,6 +21,7 @@
|
|
|
17
21
|
width: 100%;
|
|
18
22
|
display: flex;
|
|
19
23
|
align-items: center;
|
|
24
|
+
min-height: 32px;
|
|
20
25
|
}
|
|
21
26
|
|
|
22
27
|
.column-list-menu .column-list-menu-item-container .column-list-menu-item .control-icon {
|
|
@@ -31,6 +36,7 @@
|
|
|
31
36
|
overflow: hidden;
|
|
32
37
|
text-overflow: ellipsis;
|
|
33
38
|
flex-grow: 1;
|
|
39
|
+
font-size: 14px;
|
|
34
40
|
}
|
|
35
41
|
|
|
36
42
|
.column-list-menu .column-list-menu-item-container:hover {
|
|
@@ -22,7 +22,8 @@ const SeaTableColumnMenu = _ref => {
|
|
|
22
22
|
trigger: "hover",
|
|
23
23
|
placement: "right-start",
|
|
24
24
|
hideArrow: true,
|
|
25
|
-
fade: false
|
|
25
|
+
fade: false,
|
|
26
|
+
popperClassName: "seatable-column-popover"
|
|
26
27
|
}, /*#__PURE__*/React.createElement(ColumnListMenu, {
|
|
27
28
|
editor: editor,
|
|
28
29
|
readonly: readonly
|
|
@@ -10,6 +10,7 @@ import OpMenu from '../op-menu';
|
|
|
10
10
|
import { useScrollContext } from '../../../../hooks/use-scroll-context';
|
|
11
11
|
import './index.css';
|
|
12
12
|
function SeaTableTable(_ref) {
|
|
13
|
+
var _tableInfoRef$current;
|
|
13
14
|
let {
|
|
14
15
|
element,
|
|
15
16
|
className,
|
|
@@ -168,7 +169,10 @@ function SeaTableTable(_ref) {
|
|
|
168
169
|
top: menuTop,
|
|
169
170
|
left: left // left = callout left distance
|
|
170
171
|
};
|
|
171
|
-
|
|
172
|
+
// 165 is distance with browser top
|
|
173
|
+
if (menuTop < 165) {
|
|
174
|
+
newMenuPosition['display'] = 'none';
|
|
175
|
+
}
|
|
172
176
|
setMenuPosition(newMenuPosition);
|
|
173
177
|
setIsShowMenu(true);
|
|
174
178
|
}, [readOnly]);
|
|
@@ -197,7 +201,8 @@ function SeaTableTable(_ref) {
|
|
|
197
201
|
element: element,
|
|
198
202
|
editor: editor,
|
|
199
203
|
records: shownRecords,
|
|
200
|
-
columns: columns
|
|
204
|
+
columns: columns,
|
|
205
|
+
formulaRows: tableInfoRef === null || tableInfoRef === void 0 ? void 0 : (_tableInfoRef$current = tableInfoRef.current) === null || _tableInfoRef$current === void 0 ? void 0 : _tableInfoRef$current[element.table_id]
|
|
201
206
|
}))), !readOnly && isShowTipMessage && /*#__PURE__*/React.createElement("div", {
|
|
202
207
|
className: "d-print-none ml-2 m-2"
|
|
203
208
|
}, t('And_x_more_records', {
|