@seafile/comment-editor 1.0.12 → 1.0.13

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 (4) hide show
  1. package/dist/basic-sdk/assets/css/dropdown-menu.css +1 -1
  2. package/dist/basic-sdk/extension/plugins/image/hover-menu/index.css +2 -3
  3. package/dist/basic-sdk/extension/plugins/image/hover-menu/index.js +54 -56
  4. package/package.json +1 -1
package/dist/basic-sdk/assets/css/dropdown-menu.css CHANGED
@@ -73,7 +73,7 @@
73
73
  }
74
74
 
75
75
  .sdoc-dropdown-menu .sdoc-dropdown-menu-item:hover {
76
- background-color: rgb(245, 245, 245);
76
+ background-color: #f5f5f5;
77
77
  cursor: pointer;
78
78
  }
79
79
 
package/dist/basic-sdk/extension/plugins/image/hover-menu/index.css CHANGED
@@ -59,7 +59,8 @@
59
59
 
60
60
  .sdoc-image-hover-menu-container .sdoc-image-popover {
61
61
  position: absolute;
62
- top: 37px;
62
+ top: 32px;
63
+ left: 0;
63
64
  background-color: #fff;
64
65
  border: 1px solid #e5e6e8;
65
66
  border-radius: 2px;
@@ -72,12 +73,10 @@
72
73
  }
73
74
 
74
75
  .sdoc-image-hover-menu-container .align-popover {
75
- left: 100px;
76
76
  min-width: 6rem;
77
77
  }
78
78
 
79
79
  .sdoc-image-hover-menu-container .border-popover {
80
- left: 104px;
81
80
  flex-direction: row;
82
81
  height: 80px;
83
82
  align-items: center;
package/dist/basic-sdk/extension/plugins/image/hover-menu/index.js CHANGED
@@ -181,7 +181,23 @@ const ImageHoverMenu = _ref => {
181
181
  className: "mr-1"
182
182
  }, t(type === _constants.IMAGE_BLOCK ? 'Block' : 'Inline')), /*#__PURE__*/_react.default.createElement("i", {
183
183
  className: "sdocfont sdoc-arrow-down"
184
- }))), !readonly && /*#__PURE__*/_react.default.createElement("span", {
184
+ }), popoverState.displayPopover && /*#__PURE__*/_react.default.createElement("div", {
185
+ className: "sdoc-image-popover sdoc-dropdown-menu"
186
+ }, _constants2.IMAGE_DISPLAY_TYPE.map(item => {
187
+ return /*#__PURE__*/_react.default.createElement("div", {
188
+ key: item.value,
189
+ className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
190
+ onClick: event => onSelect(event, {
191
+ 'display_type': item.value
192
+ })
193
+ }, /*#__PURE__*/_react.default.createElement("div", {
194
+ className: "sdoc-dropdown-item-content"
195
+ }, /*#__PURE__*/_react.default.createElement("i", {
196
+ className: "sdoc-dropdown-item-content-icon"
197
+ }), /*#__PURE__*/_react.default.createElement("span", null, t(item.text))), type === item.value && /*#__PURE__*/_react.default.createElement("i", {
198
+ className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
199
+ }));
200
+ })))), !readonly && /*#__PURE__*/_react.default.createElement("span", {
185
201
  className: "op-group-item"
186
202
  }, type === _constants.IMAGE_BLOCK && /*#__PURE__*/_react.default.createElement("span", {
187
203
  role: "button",
@@ -195,7 +211,23 @@ const ImageHoverMenu = _ref => {
195
211
  className: (0, _classnames.default)(`sdocfont sdoc-align-${align || 'left'} mr-1`)
196
212
  }), /*#__PURE__*/_react.default.createElement("i", {
197
213
  className: "sdocfont sdoc-arrow-down "
198
- })), /*#__PURE__*/_react.default.createElement("span", {
214
+ }), popoverState.alignPopover && /*#__PURE__*/_react.default.createElement("div", {
215
+ className: "sdoc-image-popover align-popover sdoc-dropdown-menu"
216
+ }, _constants.MENUS_CONFIG_MAP[_constants.TEXT_ALIGN].map(item => {
217
+ return /*#__PURE__*/_react.default.createElement("div", {
218
+ key: item.id,
219
+ className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
220
+ onClick: event => onSelect(event, {
221
+ align: item.type
222
+ })
223
+ }, /*#__PURE__*/_react.default.createElement("div", {
224
+ className: "sdoc-dropdown-item-content"
225
+ }, /*#__PURE__*/_react.default.createElement("i", {
226
+ className: (0, _classnames.default)(item.iconClass)
227
+ })), align === item.type && /*#__PURE__*/_react.default.createElement("i", {
228
+ className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
229
+ }));
230
+ }))), /*#__PURE__*/_react.default.createElement("span", {
199
231
  id: "sdoc_image_border",
200
232
  role: "button",
201
233
  className: (0, _classnames.default)('op-item', 'ml-1', {
@@ -208,7 +240,25 @@ const ImageHoverMenu = _ref => {
208
240
  className: "sdocfont sdoc-image mr-1"
209
241
  }), /*#__PURE__*/_react.default.createElement("i", {
210
242
  className: "sdocfont sdoc-arrow-down "
211
- }), isShowTooltip && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
243
+ }), popoverState.borderPopover && /*#__PURE__*/_react.default.createElement("div", {
244
+ className: "sdoc-image-popover border-popover sdoc-dropdown-menu"
245
+ }, _constants2.IMAGE_BORDER_TYPE.map(item => {
246
+ return /*#__PURE__*/_react.default.createElement("div", {
247
+ key: item.type,
248
+ className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
249
+ onClick: event => onSelect(event, {
250
+ border_type: item.type
251
+ })
252
+ }, /*#__PURE__*/_react.default.createElement("div", {
253
+ className: "sdoc-dropdown-item-content"
254
+ }, /*#__PURE__*/_react.default.createElement("img", {
255
+ src: item.imgUrl,
256
+ draggable: false,
257
+ alt: ""
258
+ }), border_type === item.type && /*#__PURE__*/_react.default.createElement("i", {
259
+ className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
260
+ })));
261
+ })), isShowTooltip && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
212
262
  target: "sdoc_image_border",
213
263
  placement: "top",
214
264
  fade: true
@@ -243,59 +293,7 @@ const ImageHoverMenu = _ref => {
243
293
  target: "sdoc_image_full_screen_mode",
244
294
  placement: "top",
245
295
  fade: true
246
- }, t('Full_screen_mode'))))), popoverState.displayPopover && /*#__PURE__*/_react.default.createElement("div", {
247
- className: "sdoc-image-popover sdoc-dropdown-menu"
248
- }, _constants2.IMAGE_DISPLAY_TYPE.map(item => {
249
- return /*#__PURE__*/_react.default.createElement("div", {
250
- key: item.value,
251
- className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
252
- onClick: event => onSelect(event, {
253
- 'display_type': item.value
254
- })
255
- }, /*#__PURE__*/_react.default.createElement("div", {
256
- className: "sdoc-dropdown-item-content"
257
- }, /*#__PURE__*/_react.default.createElement("i", {
258
- className: "sdoc-dropdown-item-content-icon"
259
- }), /*#__PURE__*/_react.default.createElement("span", null, t(item.text))), type === item.value && /*#__PURE__*/_react.default.createElement("i", {
260
- className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
261
- }));
262
- })), popoverState.alignPopover && /*#__PURE__*/_react.default.createElement("div", {
263
- className: "sdoc-image-popover align-popover sdoc-dropdown-menu"
264
- }, _constants.MENUS_CONFIG_MAP[_constants.TEXT_ALIGN].map(item => {
265
- return /*#__PURE__*/_react.default.createElement("div", {
266
- key: item.id,
267
- className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
268
- onClick: event => onSelect(event, {
269
- align: item.type
270
- })
271
- }, /*#__PURE__*/_react.default.createElement("div", {
272
- className: "sdoc-dropdown-item-content"
273
- }, /*#__PURE__*/_react.default.createElement("i", {
274
- className: (0, _classnames.default)(item.iconClass)
275
- })), align === item.type && /*#__PURE__*/_react.default.createElement("i", {
276
- className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
277
- }));
278
- })), popoverState.borderPopover && /*#__PURE__*/_react.default.createElement("div", {
279
- className: (0, _classnames.default)('sdoc-image-popover border-popover sdoc-dropdown-menu', {
280
- 'sdoc-block-image': type === _constants.IMAGE_BLOCK
281
- })
282
- }, _constants2.IMAGE_BORDER_TYPE.map(item => {
283
- return /*#__PURE__*/_react.default.createElement("div", {
284
- key: item.type,
285
- className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
286
- onClick: event => onSelect(event, {
287
- border_type: item.type
288
- })
289
- }, /*#__PURE__*/_react.default.createElement("div", {
290
- className: "sdoc-dropdown-item-content"
291
- }, /*#__PURE__*/_react.default.createElement("img", {
292
- src: item.imgUrl,
293
- draggable: false,
294
- alt: ""
295
- }), border_type === item.type && /*#__PURE__*/_react.default.createElement("i", {
296
- className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
297
- })));
298
- })), isShowImagePreview && /*#__PURE__*/_react.default.createElement(_imagePreviewer.default, {
296
+ }, t('Full_screen_mode'))))), isShowImagePreview && /*#__PURE__*/_react.default.createElement(_imagePreviewer.default, {
299
297
  imageUrl: (0, _helpers.getImageURL)(data),
300
298
  editor: editor,
301
299
  toggleImagePreviewer: () => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seafile/comment-editor",
3
- "version": "1.0.12",
3
+ "version": "1.0.13",
4
4
  "private": false,
5
5
  "description": "This is a comment editor",
6
6
  "main": "dist/index.js",