@seafile/seafile-editor 3.0.39 → 3.0.40
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/containers/outline/index.js +5 -1
- package/dist/containers/outline/style.css +7 -1
- package/dist/extension/commons/tooltip/index.css +2 -1
- package/dist/extension/plugins/header/menu/index.js +5 -0
- package/dist/extension/toolbar/header-toolbar/insert-toolbar/index.js +1 -1
- package/package.json +1 -1
|
@@ -14,6 +14,7 @@ var _useScrollContext = require("../../hooks/use-scroll-context");
|
|
|
14
14
|
var _constants = require("../../constants");
|
|
15
15
|
var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
|
|
16
16
|
var _eventTypes = require("../../constants/event-types");
|
|
17
|
+
var _tooltip = _interopRequireDefault(require("../../extension/commons/tooltip"));
|
|
17
18
|
require("./style.css");
|
|
18
19
|
const getOutlineSetting = () => {
|
|
19
20
|
const currentValue = localStorage.getItem('sf-editor');
|
|
@@ -95,9 +96,12 @@ const Outline = _ref => {
|
|
|
95
96
|
}, /*#__PURE__*/_react.default.createElement("h2", {
|
|
96
97
|
className: "sf-editor-outline-header_title"
|
|
97
98
|
}, t('Outline')), /*#__PURE__*/_react.default.createElement("span", {
|
|
99
|
+
id: "sf-editor-outline-header-close",
|
|
98
100
|
className: "sf-editor-outline-header_close mdfont md-sm-close",
|
|
99
101
|
onClick: toggleShow
|
|
100
|
-
})
|
|
102
|
+
}), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
103
|
+
target: "sf-editor-outline-header-close"
|
|
104
|
+
}, t('Close'))), headerList.length === 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
|
101
105
|
className: "empty-container"
|
|
102
106
|
}, t('No_outline')) : /*#__PURE__*/_react.default.createElement("div", {
|
|
103
107
|
className: "sf-editor-outline-list-container"
|
|
@@ -41,10 +41,16 @@
|
|
|
41
41
|
.sf-editor-outline-header_close {
|
|
42
42
|
cursor: pointer;
|
|
43
43
|
font-size: 14px;
|
|
44
|
+
width: 24px;
|
|
45
|
+
height: 24px;
|
|
46
|
+
line-height: 24px;
|
|
47
|
+
text-align: center;
|
|
48
|
+
color: #666;
|
|
44
49
|
}
|
|
45
50
|
|
|
46
51
|
.sf-editor-outline-header_close:hover {
|
|
47
|
-
color: #
|
|
52
|
+
background-color: #EFEFEF;
|
|
53
|
+
border-radius: 2px;
|
|
48
54
|
}
|
|
49
55
|
|
|
50
56
|
.sf-editor-outline-list-container {
|
|
@@ -26,6 +26,7 @@ const HeaderMenu = _ref => {
|
|
|
26
26
|
} = _ref;
|
|
27
27
|
const [isShowHeaderPopover, setIsShowHeaderPopover] = (0, _react.useState)(false);
|
|
28
28
|
const headerPopoverRef = (0, _react.useRef)();
|
|
29
|
+
const headerToggleRef = (0, _react.useRef)();
|
|
29
30
|
const {
|
|
30
31
|
t
|
|
31
32
|
} = (0, _reactI18next.useTranslation)(_constants2.TRANSLATE_NAMESPACE);
|
|
@@ -43,6 +44,9 @@ const HeaderMenu = _ref => {
|
|
|
43
44
|
const menu = headerPopoverRef.current;
|
|
44
45
|
const clickIsInMenu = menu && menu.contains(e.target) && menu !== e.target;
|
|
45
46
|
if (clickIsInMenu) return;
|
|
47
|
+
|
|
48
|
+
// in header toggle
|
|
49
|
+
if (headerToggleRef && headerPopoverRef.contains(e.target)) return;
|
|
46
50
|
setIsShowHeaderPopover(false);
|
|
47
51
|
unregisterEventHandler();
|
|
48
52
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -78,6 +82,7 @@ const HeaderMenu = _ref => {
|
|
|
78
82
|
'header-toggle-disabled': isDisabled
|
|
79
83
|
})
|
|
80
84
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
85
|
+
ref: headerToggleRef,
|
|
81
86
|
className: (0, _classnames.default)('sf-header-toggle', {
|
|
82
87
|
'header-toggle-disabled': isDisabled,
|
|
83
88
|
'header-popover-showed': isShowHeaderPopover
|
|
@@ -82,7 +82,7 @@ const InsertToolbar = _ref => {
|
|
|
82
82
|
className: "sf-menu-with-dropdown-triangle"
|
|
83
83
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
84
84
|
className: caretIconClass
|
|
85
|
-
}))), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
85
|
+
}))), !isShowMenu && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
86
86
|
target: insertToolbarId
|
|
87
87
|
}, t('Insert')), !disabled && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
|
|
88
88
|
target: insertToolbarId,
|