@seafile/seafile-editor 1.0.84-alpha → 1.0.84-alpha2

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/index.js CHANGED
@@ -22,16 +22,16 @@ Object.defineProperty(exports, "EventBus", {
22
22
  return _eventBus.default;
23
23
  }
24
24
  });
25
- Object.defineProperty(exports, "InlineLongTextEditor", {
25
+ Object.defineProperty(exports, "LongTextEditorDialog", {
26
26
  enumerable: true,
27
27
  get: function () {
28
- return _inlineLongtextEditor.default;
28
+ return _longtextEditorDialog.default;
29
29
  }
30
30
  });
31
- Object.defineProperty(exports, "LongTextEditorDialog", {
31
+ Object.defineProperty(exports, "LongTextInlineEditor", {
32
32
  enumerable: true,
33
33
  get: function () {
34
- return _longtextEditorDialog.default;
34
+ return _longtextInlineEditor.default;
35
35
  }
36
36
  });
37
37
  Object.defineProperty(exports, "MarkdownEditor", {
@@ -112,7 +112,7 @@ var _markdownView = _interopRequireDefault(require("./pages/markdown-view"));
112
112
  var _simpleEditor = _interopRequireDefault(require("./pages/simple-editor"));
113
113
  var _emailEditorDialog = _interopRequireDefault(require("./pages/email-editor-dialog"));
114
114
  var _longtextEditorDialog = _interopRequireDefault(require("./pages/longtext-editor-dialog"));
115
- var _inlineLongtextEditor = _interopRequireDefault(require("./pages/inline-longtext-editor"));
115
+ var _longtextInlineEditor = _interopRequireDefault(require("./pages/longtext-inline-editor"));
116
116
  var _markdownPreview = _interopRequireDefault(require("./pages/markdown-preview"));
117
117
  var _seatableEditor = _interopRequireDefault(require("./pages/seatable-editor"));
118
118
  var _seatableViewer = _interopRequireDefault(require("./pages/seatable-viewer"));
@@ -0,0 +1,67 @@
1
+ .sf-long-text-inline-editor-container {
2
+ width: 100%;
3
+ height: 100%;
4
+ border: 1px solid rgba(0, 40, 100, .12);
5
+ border-radius: 3px;
6
+ transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
7
+ }
8
+
9
+ .sf-long-text-inline-editor-container .sf-simple-slate-editor-container {
10
+ width: 100%;
11
+ height: 100%;
12
+ }
13
+
14
+ .sf-long-text-inline-editor-container .sf-simple-slate-editor-container .sf-slate-editor-toolbar {
15
+ border-top-left-radius: 3px;
16
+ border-top-right-radius: 3px;
17
+ height: 33px;
18
+ box-shadow: none;
19
+ padding-right: 0;
20
+ }
21
+
22
+ .sf-long-text-inline-editor-container .sf-slate-editor-content {
23
+ border-bottom-left-radius: 3px;
24
+ border-bottom-right-radius: 3px;
25
+ overflow: hidden;
26
+ }
27
+
28
+ .sf-long-text-inline-editor-container .sf-simple-slate-editor-container .sf-slate-editor-toolbar .sf-menu-group:last-child {
29
+ border-right: none;
30
+ }
31
+
32
+ .sf-long-text-inline-editor-container .sf-simple-slate-editor-container .sf-slate-editor-content {
33
+ flex: 1;
34
+ }
35
+
36
+ .sf-long-text-inline-editor-container .sf-simple-slate-editor-container .sf-slate-editor-content .article {
37
+ padding: 16px;
38
+ }
39
+
40
+ /* preview */
41
+ .sf-long-text-inline-editor-container .longtext-preview-container {
42
+ padding: 10px;
43
+ background-color: #fff;
44
+ }
45
+
46
+ .sf-long-text-inline-editor-container .sf-simple-slate-editor-container .sf-slate-editor-content .article > div[role="textbox"] > :first-child {
47
+ margin-top: 0;
48
+ }
49
+
50
+ .sf-long-text-inline-editor-container .sf-simple-slate-editor-container .sf-slate-editor-toolbar .sf-menu-group,
51
+ .sf-editor-menu-popover .popover-inner .sf-menu-group {
52
+ padding: 4px 0 4px 8px;
53
+ }
54
+
55
+ .sf-long-text-inline-editor-container .sf-simple-slate-editor-container .sf-slate-editor-toolbar .sf-menu-group:first-child {
56
+ padding-left: 0px;
57
+ flex: 1;
58
+ }
59
+
60
+ .sf-long-text-inline-editor-container .sf-simple-slate-editor-container .sf-slate-editor-toolbar .sf-header-menu {
61
+ padding: 4px 6px 4px 0;
62
+ width: 100%;
63
+ }
64
+
65
+ .sf-editor-menu-popover .popover-inner {
66
+ display: flex;
67
+ }
@@ -13,7 +13,7 @@ var _getBrowserInfo = _interopRequireDefault(require("../../utils/get-browser-In
13
13
  var _markdownPreview = _interopRequireDefault(require("../markdown-preview"));
14
14
  var _longtextEditorDialog = _interopRequireDefault(require("../longtext-editor-dialog"));
15
15
  require("./index.css");
16
- const InlineLongTextEditor = _ref => {
16
+ const LongTextInlineEditor = _ref => {
17
17
  let {
18
18
  lang,
19
19
  headerName,
@@ -100,7 +100,7 @@ const InlineLongTextEditor = _ref => {
100
100
  };
101
101
  }, [autoSave, saveDelay, handelAutoSave]);
102
102
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
103
- className: "sf-inline-editor-container",
103
+ className: "sf-long-text-inline-editor-container",
104
104
  style: style,
105
105
  ref: editorContainerRef
106
106
  }, !showExpandEditor && !isWindowsWechat ? /*#__PURE__*/_react.default.createElement(_simpleEditor.default, {
@@ -134,4 +134,4 @@ const InlineLongTextEditor = _ref => {
134
134
  onCloseEditorDialog: onCloseEditorDialog
135
135
  }));
136
136
  };
137
- var _default = exports.default = InlineLongTextEditor;
137
+ var _default = exports.default = LongTextInlineEditor;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seafile/seafile-editor",
3
- "version": "1.0.84alpha",
3
+ "version": "1.0.84alpha2",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
@@ -1,60 +0,0 @@
1
- .sf-inline-editor-container {
2
- width: 100%;
3
- height: 100%;
4
- border: 1px solid rgba(0, 40, 100, .12);
5
- border-radius: 3px;
6
- transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
7
- }
8
-
9
- .sf-inline-editor-container .sf-simple-slate-editor-container {
10
- width: 100%;
11
- height: 100%;
12
- }
13
-
14
- .sf-inline-editor-container .sf-slate-editor-toolbar {
15
- border-top-left-radius: 3px;
16
- border-top-right-radius: 3px;
17
- height: 33px;
18
- }
19
-
20
- .sf-inline-editor-container .sf-slate-editor-content {
21
- border-bottom-left-radius: 3px;
22
- border-bottom-right-radius: 3px;
23
- overflow: hidden;
24
- }
25
-
26
- .sf-inline-editor-container .sf-slate-editor-toolbar .sf-menu-group:last-child {
27
- border-right: none;
28
- }
29
-
30
- .sf-inline-editor-container .sf-simple-slate-editor-container .sf-slate-editor-content {
31
- flex: 1;
32
- }
33
-
34
- /* preview */
35
- .sf-inline-editor-container .longtext-preview-container {
36
- padding: 10px;
37
- background-color: #fff;
38
- }
39
-
40
- .sf-inline-editor-container .longtext-preview-container .article h1 {
41
- margin-top: 1.2em;
42
- }
43
-
44
- .sf-inline-editor-container .longtext-preview-container .article p {
45
- margin-top: 0.8em;
46
- }
47
-
48
- .sf-slate-editor-toolbar .sf-menu-group {
49
- padding-top: 4px;
50
- padding-bottom: 4px;
51
- }
52
-
53
- .sf-editor-menu-popover .popover-inner {
54
- display: flex;
55
- }
56
-
57
- .sf-editor-menu-popover .popover-inner .sf-menu-group {
58
- padding-top: 4px;
59
- padding-bottom: 4px;
60
- }