@ctzhian/tiptap 2.1.0 → 2.1.1
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/Editor/demo.js +19 -1
- package/dist/asset/css/index.css +2 -2
- package/dist/component/Icons/index.d.ts +5 -0
- package/dist/component/Icons/index.js +5 -0
- package/dist/component/Icons/skip-down-icon.d.ts +6 -0
- package/dist/component/Icons/skip-down-icon.js +13 -0
- package/dist/component/Icons/skip-left-icon.d.ts +6 -0
- package/dist/component/Icons/skip-left-icon.js +13 -0
- package/dist/component/Icons/skip-right-icon.d.ts +6 -0
- package/dist/component/Icons/skip-right-icon.js +13 -0
- package/dist/component/Icons/skip-up-icon.d.ts +6 -0
- package/dist/component/Icons/skip-up-icon.js +13 -0
- package/dist/component/Icons/volume-down-line-icon.d.ts +6 -0
- package/dist/component/Icons/volume-down-line-icon.js +13 -0
- package/dist/extension/component/Attachment/AttachmentContent.d.ts +0 -1
- package/dist/extension/component/Attachment/AttachmentContent.js +33 -8
- package/dist/extension/component/Attachment/index.js +21 -12
- package/dist/extension/component/Audio/AudioPlayer.d.ts +8 -0
- package/dist/extension/component/Audio/{Readonly.js → AudioPlayer.js} +129 -175
- package/dist/extension/component/Audio/index.js +93 -462
- package/dist/extension/component/Link/LinkContent.js +2 -0
- package/dist/extension/component/TableHandle/TableHandleAddButton.d.ts +14 -0
- package/dist/extension/component/TableHandle/TableHandleAddButton.js +87 -0
- package/dist/extension/component/TableHandle/TableHandleMenu.css +0 -1
- package/dist/extension/component/TableHandle/TableHandleMenu.js +6 -5
- package/dist/extension/component/TableHandle/index.js +53 -3
- package/dist/extension/component/Video/index.js +9 -0
- package/dist/extension/node/CodeBlockLowlight.js +3 -2
- package/dist/index.css +1 -1
- package/package.json +1 -1
- package/dist/extension/component/Audio/Readonly.d.ts +0 -8
package/dist/Editor/demo.js
CHANGED
|
@@ -8,7 +8,7 @@ import React from 'react';
|
|
|
8
8
|
import "../index.css";
|
|
9
9
|
var EDITABLE = true;
|
|
10
10
|
var DEFAULT_CONTENT_TYPE = 'html';
|
|
11
|
-
var DEFAULT_HTML_CONTENT = "<p></p>\n<h6 id=\"
|
|
11
|
+
var DEFAULT_HTML_CONTENT = "<p></p>\n<h6 id=\"4b8d8c4e-29dc-4674-928b-b9ded0e363ae\" data-toc-id=\"4b8d8c4e-29dc-4674-928b-b9ded0e363ae\"><span data-name=\"watch\" data-type=\"emoji\">\u231A</span> \u8868\u683C\u64CD\u4F5C</h6>\n<div class=\"tableWrapper\"><div class=\"table-container\"><table style=\"min-width: 661px;\"><colgroup><col style=\"width: 361px;\"><col style=\"min-width: 100px;\"><col style=\"min-width: 100px;\"><col style=\"min-width: 100px;\"></colgroup><tbody><tr class=\"table-row\"><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"361\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p>\u94FE\u63A5</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p>\u590D\u6742\u6587\u672C</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p>\u56FE\u7247</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p>\u9644\u4EF6</p></th></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" colwidth=\"361\" data-background-color=\"\" data-text-align=\"center\" data-vertical-align=\"middle\" style=\"text-align: center; vertical-align: middle;\"><p><a target=\"_blank\" class=\"MuiBox-root css-1ivg9gg\" type=\"icon\" rel=\"noopener noreferrer\" title=\"\u70B9\u51FB\u6B64\u5904\u8DF3\u8F6C\" href=\"http://localhost:8000/components/editor\">\u70B9\u51FB\u6B64\u5904\u8DF3\u8F6C</a></p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" data-vertical-align=\"middle\" style=\"text-align: center; vertical-align: middle;\"><p><code>\u77E5</code><span style=\"background-color: rgb(255, 204, 188); color: rgb(90, 141, 218);\">\u529B</span><span style=\"color: rgb(90, 141, 218);\">\u4F9B</span><sup>\u5386</sup><sub>\u53F2</sub><u>\u52A8</u><s>\u5927</s><span style=\"background-color: rgb(172, 84, 84);\">\u501F</span><mark>\u7B54</mark></p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" data-vertical-align=\"middle\" style=\"text-align: center; vertical-align: middle;\"><p><img src=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" width=\"100\"></p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" data-vertical-align=\"middle\" style=\"text-align: center; vertical-align: middle;\"><p><span data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"\u8C01\u662F\u6211\u4EEC\u7684\u654C\u4EBA.txt\" data-size=\"18.27 KB\"></span></p></td></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" colwidth=\"361\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><video src=\"https://media.w3.org/2010/05/sintel/trailer.mp4\" controls=\"true\" width=\"75%\"></video></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p></p><audio src=\"http://vjs.zencdn.net/v/oceans.mp4\" controls=\"true\"></audio></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p></p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"\" data-text-align=\"center\" style=\"text-align: center;\"><p></p></td></tr></tbody></table></div><div class=\"table-controls\"></div><div class=\"table-selection-overlay-container\"></div></div>\n<p></p>\n<h6 id=\"a025f782-910f-4f17-9d0b-8f31f9cde175\" data-toc-id=\"a025f782-910f-4f17-9d0b-8f31f9cde175\"><span data-name=\"page_facing_up\" data-type=\"emoji\">\uD83D\uDCC4</span> \u6587\u672C\u5904\u7406</h6>\n<p>PandaWiki \u662F\u4E00\u6B3E AI \u5927\u6A21<code>\u578B\u9A71\u52A8\u7684\u5F00\u6E90\u77E5\u8BC6\u5E93\u642D</code>\u5EFA\u7CFB\u7EDF\uFF0CF<strong>AQ \u3001 \u535A\u5BA2\u7CFB\u7EDF \uFF0C\u501F\u52A9\u5927\u6A21\u578B\u7684\u529B\u91CF\u4E3A\u4F60\u63D0\u4F9B AI </strong>\u521B\u4F5C \u3001 AI \u95EE\u7B54 \u3001 AI \u641C\u7D22 \u7B49\u80FD\u529B\u3002\u501F<span style=\"color: rgb(90, 141, 218);\">\u52A9\u5927\u6A21\u578B\u7684</span><span style=\"background-color: rgb(255, 204, 188); color: rgb(90, 141, 218);\">\u529B\u91CF\u4E3A\u4F60\u63D0</span><span style=\"color: rgb(90, 141, 218);\">\u4F9B AI \u521B</span>\u4F5C\u80FD\u529B\u3002PandaWiki \u662F<u>\u4E00\u6B3E AI \u5927\u6A21\u578B\u9A71\u52A8\u7684\u5F00\u6E90\u77E5\u8BC6\u5E93\u642D\u5EFA\u7CFB\u7EDF\uFF0C\u5E2E</u>\u52A9\u4F60\u5FEB\u901F\u6784\u5EFA\u667A\u80FD\u5316\u7684 <s><u>\u4EA7\u54C1\u6587\u6863\u3001\u6280\u672F</u></s>\u6587\u6863\u3001FAQ \u3001<s> \u535A\u5BA2\u7CFB\u7EDF \uFF0C\u501F\u52A9\u5927\u6A21\u578B\u7684</s>\u529B\u91CF\u7CFB\u7EDF \uFF0C<span style=\"background-color: rgb(172, 84, 84);\">\u501F\u52A9\u5927\u6A21\u578B\u7684\u529B\u91CF\u4E3A\u4F60\u63D0\u4F9B AI \u521B\u4F5C \u3001 AI \u95EE</span>\u7B54 \u3001 AI \u641C\u7D22 \u7B49\u80FD\u529B\u3002\u7684\u529B\u91CF\u4E3A<mark>\u4F60\u63D0\u4F9B AI \u521B\u4F5C \u3001 AI \u95EE\u7B54 \u3001</mark> AI \u641C\u7D22\u3002</p>\n<a target=\"_blank\" type=\"block\" href=\"http://localhost:8000/components/editor\" title=\"\u770B\u98CE\u666F\">\u770B\u98CE\u666F</a>\n<h6>\uD83D\uDCCE \u9644\u4EF6</h6>\n<div data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"\u8C01\u662F\u6211\u4EEC\u7684\u654C\u4EBA\uFF1F\u8C01\u662F\u6211\u4EEC\u7684\u670B\u53CB\uFF1F\u8FD9\u4E2A\u95EE\u9898\u662F\u9769\u547D\u7684\u9996\u8981\u95EE\u9898\u3002\u4E2D\u56FD\u8FC7\u53BB\u4E00\u5207\u9769\u547D\u6597\u4E89\u6210.txt\" data-size=\"18.27 KB\"></div>\n<p>\u884C\u5185\u9644\u4EF6\uFF1A<span data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"font_4856251_qynqqohzdp.js\" data-size=\"412.34 KB\"></span><span data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"\u96F7\u6C60\u9879\u76EE\u8BBE\u8BA1\u65B9\u6848.docx\" data-size=\"635.74 KB\"></span></p>\n<div data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"b0f4a3e0-639f-4c09-ab33-ea9417939f87.tiff\" data-size=\"3.03 MB\"></div>\n<div data-tag=\"attachment\" url=\"\" title=\"\" size=\"0\" data-url=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" data-title=\"\u957F\u4EAD\u79D1\u6280\u516C\u53F8\u4ECB\u7ECDPPT-25.07.007_\u526F\u672C.pptx\" data-size=\"40.18 MB\"></div>\n<h6><span data-name=\"loudspeaker\" data-type=\"emoji\">\uD83D\uDCE2</span> \u97F3\u9891</h6>\n<audio src=\"http://vjs.zencdn.net/v/oceans.mp4\" controls=\"true\"></audio>\n<h6 id=\"1739ed5e-f03c-4c2f-b763-37505601c935\" data-toc-id=\"1739ed5e-f03c-4c2f-b763-37505601c935\"><span data-name=\"video_camera\" data-type=\"emoji\">\uD83D\uDCF9</span> \u89C6\u9891</h6>\n<video src=\"https://media.w3.org/2010/05/sintel/trailer.mp4\" controls=\"true\" width=\"400\" data-align=\"center\"></video>\n<h6 id=\"746ea233-0e30-44a6-849a-090202217299\" data-toc-id=\"746ea233-0e30-44a6-849a-090202217299\">\u26A0\uFE0F \u8B66\u544A\u5757</h6>\n<div data-id=\"alert_5ysakwbhvqv\" data-variant=\"warning\" data-type=\"icon\" data-node=\"alert\"><p>\u6B64\u65F6\u8FD9\u662F\u4E00\u4E2A\u8B66\u544A\u5757\u3002</p></div>\n<h6 id=\"ebb64062-9efb-4de8-887f-7f8b7f9e54ca\" data-toc-id=\"ebb64062-9efb-4de8-887f-7f8b7f9e54ca\"><span data-name=\"bar_chart\" data-type=\"emoji\">\uD83D\uDCCA</span> \u6D41\u7A0B\u56FE\u64CD\u4F5C</h6>\n<div data-type=\"flow\" data-code=\"mindmap\n root((mindmap))\n Origins\n Long history\n ::icon(fa fa-book)\n Popularisation\n British popular psychology author Tony Buzan\n Research\n On effectiveness<br/>and features\n On Automatic creation\n Uses\n Creative techniques\n Strategic planning\n Argument mapping\n Tools\n Pen and paper\n Mermaid\" data-width=\"246px\"></div>\n";
|
|
12
12
|
var DEFAULT_MARKDOWN_CONTENT = "###### :page_facing_up: \u6587\u672C\u5904\u7406\n\nPandaWiki \u662F\u4E00\u6B3E AI \u5927\u6A21`\u578B\u9A71\u52A8\u7684\u5F00\u6E90\u77E5\u8BC6\u5E93\u642D`\u5EFA\u7CFB\u7EDF\uFF0CF**AQ \u3001 \u535A\u5BA2\u7CFB\u7EDF \uFF0C\u501F\u52A9\u5927\u6A21\u578B\u7684\u529B\u91CF\u4E3A\u4F60\u63D0\u4F9B AI **\u521B\u4F5C \u3001 AI \u95EE\u7B54 \u3001 AI \u641C\u7D22 \u7B49\u80FD\u529B\u3002\u501F\u52A9\u5927\u6A21\u578B\u7684\u529B\u91CF\u4E3A\u4F60\u63D0\u4F9B AI \u521B\u4F5C\u80FD\u529B\u3002PandaWiki \u662F++\u4E00\u6B3E AI \u5927\u6A21\u578B\u9A71\u52A8\u7684\u5F00\u6E90\u77E5\u8BC6\u5E93\u642D\u5EFA\u7CFB\u7EDF\uFF0C\u5E2E++\u52A9\u4F60\u5FEB\u901F\u6784\u5EFA\u667A\u80FD\u5316\u7684 ++~~\u4EA7\u54C1\u6587\u6863\u3001\u6280\u672F~~++\u6587\u6863\u3001FAQ \u3001~~ \u535A\u5BA2\u7CFB\u7EDF \uFF0C\u501F\u52A9\u5927\u6A21\u578B\u7684~~\u529B\u91CF\u7CFB\u7EDF \uFF0C\u501F\u52A9\u5927\u6A21\u578B\u7684\u529B\u91CF\u4E3A\u4F60\u63D0\u4F9B AI \u521B\u4F5C \u3001 AI \u95EE\u7B54 \u3001 AI \u641C\u7D22 \u7B49\u80FD\u529B\u3002\u7684\u529B\u91CF\u4E3A==\u4F60\u63D0\u4F9B AI \u521B\u4F5C \u3001 AI \u95EE\u7B54 \u3001== AI \u641C\u7D22\u3002\n\n###### :video_camera: \u89C6\u9891\n\n<video src=\"https://media.w3.org/2010/05/sintel/trailer.mp4\" width=\"400\" controls ></video>\n\n###### \u26A0\uFE0F \u8B66\u544A\u5757\n\n:::alert {#alert_5ysakwbhvqv indent=\"0\" variant=\"warning\" type=\"icon\"}\n\n\u6B64\u65F6\u8FD9\u662F\u4E00\u4E2A\u8B66\u544A\u5757\u3002\n\n:::\n\n###### :bar_chart: \u6D41\u7A0B\u56FE\u64CD\u4F5C\n\n```mermaid\nmindmap\n root((mindmap))\n Origins\n Long history\n ::icon(fa fa-book)\n Popularisation\n British popular psychology author Tony Buzan\n Research\n On effectiveness<br/>and features\n On Automatic creation\n Uses\n Creative techniques\n Strategic planning\n Argument mapping\n Tools\n Pen and paper\n Mermaid\n```\n\n###### :watch: \u8868\u683C\u64CD\u4F5C\n\n\n| \u94FE\u63A5 | \u590D\u6742\u6587\u672C | \u56FE\u7247 | \u9644\u4EF6 |\n| ------------------------------------------------------------------------------------------- | --------------------------- | ---------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- |\n| [\u70B9\u51FB\u6B64\u5904\u8DF3\u8F6C](http://localhost:8000/components/editor) | `\u77E5`\u529B\u4F9B^\u5386^~\u53F2~++\u52A8++~~\u5927~~\u501F==\u7B54== |  | <a href=\"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg\" target=\"_blank\" download=\"\u8C01\u662F\u6211\u4EEC\u7684\u654C\u4EBA.txt\">\u8C01\u662F\u6211\u4EEC\u7684\u654C\u4EBA.txt</a> |\n| <video src=\"https://media.w3.org/2010/05/sintel/trailer.mp4\" width=\"75%\" controls ></video> | \x1F | | |\n\n\n";
|
|
13
13
|
var Reader = function Reader() {
|
|
14
14
|
// @ts-ignore
|
|
@@ -167,6 +167,24 @@ var Reader = function Reader() {
|
|
|
167
167
|
// },
|
|
168
168
|
}),
|
|
169
169
|
editor = _useTiptap.editor;
|
|
170
|
+
|
|
171
|
+
// const handleGlobalKeydown = useCallback(
|
|
172
|
+
// (event: KeyboardEvent) => {
|
|
173
|
+
// if ((event.ctrlKey || event.metaKey) && event.key === 's') {
|
|
174
|
+
// event.preventDefault();
|
|
175
|
+
// handleSave(editor)
|
|
176
|
+
// }
|
|
177
|
+
// },
|
|
178
|
+
// [editor],
|
|
179
|
+
// );
|
|
180
|
+
|
|
181
|
+
// useEffect(() => {
|
|
182
|
+
// document.addEventListener('keydown', handleGlobalKeydown);
|
|
183
|
+
// return () => {
|
|
184
|
+
// document.removeEventListener('keydown', handleGlobalKeydown);
|
|
185
|
+
// };
|
|
186
|
+
// }, [handleGlobalKeydown]);
|
|
187
|
+
|
|
170
188
|
return /*#__PURE__*/React.createElement(EditorThemeProvider, {
|
|
171
189
|
mode: "light"
|
|
172
190
|
}, /*#__PURE__*/React.createElement(Box, {
|
package/dist/asset/css/index.css
CHANGED
|
@@ -93,8 +93,8 @@
|
|
|
93
93
|
user-select: none;
|
|
94
94
|
}
|
|
95
95
|
|
|
96
|
-
.tiptap.ProseMirror .react-renderer.node-blockLink
|
|
97
|
-
.tiptap.ProseMirror .react-renderer.node-
|
|
96
|
+
.tiptap.ProseMirror .react-renderer.node-blockLink,
|
|
97
|
+
.tiptap.ProseMirror .react-renderer.node-blockAttachment {
|
|
98
98
|
display: block;
|
|
99
99
|
margin: 1rem 0;
|
|
100
100
|
}
|
|
@@ -117,6 +117,10 @@ export { ScreenshotLineIcon } from './screenshot-line-icon';
|
|
|
117
117
|
export { ScrollToBottomLineIcon } from './scroll-to-bottom-line-icon';
|
|
118
118
|
export { SeparatorIcon } from './separator-icon';
|
|
119
119
|
export { ShareBoxLineIcon } from './share-box-line-icon';
|
|
120
|
+
export { SkipDownIcon } from './skip-down-icon';
|
|
121
|
+
export { SkipLeftIcon } from './skip-left-icon';
|
|
122
|
+
export { SkipRightIcon } from './skip-right-icon';
|
|
123
|
+
export { SkipUpIcon } from './skip-up-icon';
|
|
120
124
|
export { SlashCommands2Icon } from './slash-commands-2-icon';
|
|
121
125
|
export { SpeedLineIcon } from './speed-line-icon';
|
|
122
126
|
export { SplitCellsHorizontalIcon } from './split-cells-horizontal-icon';
|
|
@@ -134,6 +138,7 @@ export { UnderlineIcon } from './underline-icon';
|
|
|
134
138
|
export { UploadCloud2LineIcon } from './upload-cloud-2-line-icon';
|
|
135
139
|
export { UploadIcon } from './upload-icon';
|
|
136
140
|
export { UserSmileFillIcon } from './user-smile-fill-icon';
|
|
141
|
+
export { VolumeDownLineIcon } from './volume-down-line-icon';
|
|
137
142
|
export { VolumeMuteLineIcon } from './volume-mute-line-icon';
|
|
138
143
|
export { VolumeUpLineIcon } from './volume-up-line-icon';
|
|
139
144
|
export { WindowFillIcon } from './window-fill-icon';
|
|
@@ -120,6 +120,10 @@ export { ScreenshotLineIcon } from "./screenshot-line-icon";
|
|
|
120
120
|
export { ScrollToBottomLineIcon } from "./scroll-to-bottom-line-icon";
|
|
121
121
|
export { SeparatorIcon } from "./separator-icon";
|
|
122
122
|
export { ShareBoxLineIcon } from "./share-box-line-icon";
|
|
123
|
+
export { SkipDownIcon } from "./skip-down-icon";
|
|
124
|
+
export { SkipLeftIcon } from "./skip-left-icon";
|
|
125
|
+
export { SkipRightIcon } from "./skip-right-icon";
|
|
126
|
+
export { SkipUpIcon } from "./skip-up-icon";
|
|
123
127
|
export { SlashCommands2Icon } from "./slash-commands-2-icon";
|
|
124
128
|
export { SpeedLineIcon } from "./speed-line-icon";
|
|
125
129
|
export { SplitCellsHorizontalIcon } from "./split-cells-horizontal-icon";
|
|
@@ -137,6 +141,7 @@ export { UnderlineIcon } from "./underline-icon";
|
|
|
137
141
|
export { UploadCloud2LineIcon } from "./upload-cloud-2-line-icon";
|
|
138
142
|
export { UploadIcon } from "./upload-icon";
|
|
139
143
|
export { UserSmileFillIcon } from "./user-smile-fill-icon";
|
|
144
|
+
export { VolumeDownLineIcon } from "./volume-down-line-icon";
|
|
140
145
|
export { VolumeMuteLineIcon } from "./volume-mute-line-icon";
|
|
141
146
|
export { VolumeUpLineIcon } from "./volume-up-line-icon";
|
|
142
147
|
export { WindowFillIcon } from "./window-fill-icon";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import { SvgIcon } from "@mui/material";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export var SkipDownIcon = function SkipDownIcon(props) {
|
|
5
|
+
return /*#__PURE__*/React.createElement(SvgIcon, _extends({
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
version: "1.1",
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
9
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
10
|
+
d: "M12 10.0858L7.20711 5.29291L5.79289 6.70712L12 12.9142L18.2071 6.70712L16.7929 5.29291L12 10.0858ZM18 17L6 17L6 15L18 15V17Z"
|
|
11
|
+
}));
|
|
12
|
+
};
|
|
13
|
+
SkipDownIcon.displayName = 'icon-skip-down';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import { SvgIcon } from "@mui/material";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export var SkipLeftIcon = function SkipLeftIcon(props) {
|
|
5
|
+
return /*#__PURE__*/React.createElement(SvgIcon, _extends({
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
version: "1.1",
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
9
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
10
|
+
d: "M13.9142 12L18.7071 7.20712L17.2929 5.79291L11.0858 12L17.2929 18.2071L18.7071 16.7929L13.9142 12ZM7 18V6.00001H9V18H7Z"
|
|
11
|
+
}));
|
|
12
|
+
};
|
|
13
|
+
SkipLeftIcon.displayName = 'icon-skip-left';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import { SvgIcon } from "@mui/material";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export var SkipRightIcon = function SkipRightIcon(props) {
|
|
5
|
+
return /*#__PURE__*/React.createElement(SvgIcon, _extends({
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
version: "1.1",
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
9
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
10
|
+
d: "M10.0858 12L5.29289 16.7929L6.70711 18.2071L12.9142 12L6.70711 5.79291L5.29289 7.20712L10.0858 12ZM17 6.00002L17 18H15L15 6.00002L17 6.00002Z"
|
|
11
|
+
}));
|
|
12
|
+
};
|
|
13
|
+
SkipRightIcon.displayName = 'icon-skip-right';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import { SvgIcon } from "@mui/material";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export var SkipUpIcon = function SkipUpIcon(props) {
|
|
5
|
+
return /*#__PURE__*/React.createElement(SvgIcon, _extends({
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
version: "1.1",
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
9
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
10
|
+
d: "M12 13.9142L16.7929 18.7071L18.2071 17.2929L12 11.0858L5.79289 17.2929L7.20711 18.7071L12 13.9142ZM6 7L18 7V9L6 9L6 7Z"
|
|
11
|
+
}));
|
|
12
|
+
};
|
|
13
|
+
SkipUpIcon.displayName = 'icon-skip-up';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import { SvgIcon } from "@mui/material";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export var VolumeDownLineIcon = function VolumeDownLineIcon(props) {
|
|
5
|
+
return /*#__PURE__*/React.createElement(SvgIcon, _extends({
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
version: "1.1",
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
9
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
10
|
+
d: "M13 7.22056L9.60282 10.0001H6V14.0001H9.60282L13 16.7796V7.22056ZM8.88889 16.0001H5C4.44772 16.0001 4 15.5524 4 15.0001V9.00007C4 8.44778 4.44772 8.00007 5 8.00007H8.88889L14.1834 3.66821C14.3971 3.49335 14.7121 3.52485 14.887 3.73857C14.9601 3.8279 15 3.93977 15 4.05519V19.9449C15 20.2211 14.7761 20.4449 14.5 20.4449C14.3846 20.4449 14.2727 20.405 14.1834 20.3319L8.88889 16.0001ZM18.8631 16.5911L17.4411 15.1691C18.3892 14.4376 19 13.2902 19 12.0001C19 10.5697 18.2493 9.31476 17.1203 8.60766L18.5589 7.16906C20.0396 8.26166 21 10.0187 21 12.0001C21 13.8422 20.1698 15.4905 18.8631 16.5911Z"
|
|
11
|
+
}));
|
|
12
|
+
};
|
|
13
|
+
VolumeDownLineIcon.displayName = 'icon-volume-down-line';
|
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
3
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
5
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
6
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
7
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
8
|
+
import { Download2LineIcon, FileIcon } from "../../../component/Icons";
|
|
9
|
+
import { Box, IconButton, Stack } from "@mui/material";
|
|
10
|
+
import React, { useState } from "react";
|
|
5
11
|
/**
|
|
6
12
|
* 附件内容组件
|
|
7
13
|
* 用于渲染附件的实际内容，支持编辑和只读模式
|
|
@@ -11,7 +17,10 @@ export var AttachmentContent = function AttachmentContent(_ref) {
|
|
|
11
17
|
type = _ref.type,
|
|
12
18
|
_ref$editable = _ref.editable,
|
|
13
19
|
editable = _ref$editable === void 0 ? false : _ref$editable;
|
|
14
|
-
|
|
20
|
+
var _useState = useState(false),
|
|
21
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
22
|
+
isHovered = _useState2[0],
|
|
23
|
+
setIsHovered = _useState2[1];
|
|
15
24
|
var blockStyles = editable ? {
|
|
16
25
|
display: 'flex',
|
|
17
26
|
border: '1px solid',
|
|
@@ -66,7 +75,13 @@ export var AttachmentContent = function AttachmentContent(_ref) {
|
|
|
66
75
|
'data-title': attrs.title,
|
|
67
76
|
'data-type': attrs.type
|
|
68
77
|
}, {
|
|
69
|
-
sx: blockStyles
|
|
78
|
+
sx: blockStyles,
|
|
79
|
+
onMouseEnter: function onMouseEnter() {
|
|
80
|
+
return setIsHovered(true);
|
|
81
|
+
},
|
|
82
|
+
onMouseLeave: function onMouseLeave() {
|
|
83
|
+
return setIsHovered(false);
|
|
84
|
+
}
|
|
70
85
|
}), /*#__PURE__*/React.createElement(Stack, _extends({
|
|
71
86
|
direction: 'row',
|
|
72
87
|
alignItems: 'center',
|
|
@@ -75,9 +90,9 @@ export var AttachmentContent = function AttachmentContent(_ref) {
|
|
|
75
90
|
}, !editable && {
|
|
76
91
|
'data-title': attrs.title,
|
|
77
92
|
'data-type': type
|
|
78
|
-
}), /*#__PURE__*/React.createElement(
|
|
93
|
+
}), /*#__PURE__*/React.createElement(FileIcon, {
|
|
79
94
|
sx: {
|
|
80
|
-
fontSize: '
|
|
95
|
+
fontSize: '1.625rem',
|
|
81
96
|
color: attrs.url === 'error' ? 'error.main' : 'primary.main',
|
|
82
97
|
alignSelf: 'center'
|
|
83
98
|
}
|
|
@@ -96,7 +111,17 @@ export var AttachmentContent = function AttachmentContent(_ref) {
|
|
|
96
111
|
fontSize: '0.75rem',
|
|
97
112
|
color: 'text.secondary'
|
|
98
113
|
}
|
|
99
|
-
}, attrs.size))
|
|
114
|
+
}, attrs.size)), isHovered && /*#__PURE__*/React.createElement(IconButton, {
|
|
115
|
+
size: "small",
|
|
116
|
+
sx: {
|
|
117
|
+
color: attrs.url === 'error' ? 'error.main' : 'text.disabled',
|
|
118
|
+
alignSelf: 'center'
|
|
119
|
+
}
|
|
120
|
+
}, /*#__PURE__*/React.createElement(Download2LineIcon, {
|
|
121
|
+
sx: {
|
|
122
|
+
fontSize: '1rem'
|
|
123
|
+
}
|
|
124
|
+
})))) : /*#__PURE__*/React.createElement(Box, _extends({
|
|
100
125
|
component: "a",
|
|
101
126
|
href: attrs.url,
|
|
102
127
|
target: "_blank",
|
|
@@ -93,14 +93,6 @@ var AttachmentViewWrapper = function AttachmentViewWrapper(_ref) {
|
|
|
93
93
|
p: 0.5
|
|
94
94
|
}
|
|
95
95
|
}, /*#__PURE__*/React.createElement(ToolbarItem, {
|
|
96
|
-
icon: /*#__PURE__*/React.createElement(DownloadLineIcon, {
|
|
97
|
-
sx: {
|
|
98
|
-
fontSize: '1rem'
|
|
99
|
-
}
|
|
100
|
-
}),
|
|
101
|
-
tip: "\u4E0B\u8F7D",
|
|
102
|
-
onClick: handleDownload
|
|
103
|
-
}), /*#__PURE__*/React.createElement(ToolbarItem, {
|
|
104
96
|
icon: /*#__PURE__*/React.createElement(EditLineIcon, {
|
|
105
97
|
sx: {
|
|
106
98
|
fontSize: '1rem'
|
|
@@ -109,13 +101,13 @@ var AttachmentViewWrapper = function AttachmentViewWrapper(_ref) {
|
|
|
109
101
|
tip: "\u7F16\u8F91",
|
|
110
102
|
onClick: handleShowPopover
|
|
111
103
|
}), /*#__PURE__*/React.createElement(ToolbarItem, {
|
|
112
|
-
icon: /*#__PURE__*/React.createElement(
|
|
104
|
+
icon: /*#__PURE__*/React.createElement(DownloadLineIcon, {
|
|
113
105
|
sx: {
|
|
114
106
|
fontSize: '1rem'
|
|
115
107
|
}
|
|
116
108
|
}),
|
|
117
|
-
tip: "\
|
|
118
|
-
onClick:
|
|
109
|
+
tip: "\u4E0B\u8F7D",
|
|
110
|
+
onClick: handleDownload
|
|
119
111
|
}), /*#__PURE__*/React.createElement(Divider, {
|
|
120
112
|
orientation: "vertical",
|
|
121
113
|
flexItem: true,
|
|
@@ -153,6 +145,23 @@ var AttachmentViewWrapper = function AttachmentViewWrapper(_ref) {
|
|
|
153
145
|
return handleConvertAttachmentType('block');
|
|
154
146
|
}
|
|
155
147
|
}]
|
|
148
|
+
}), /*#__PURE__*/React.createElement(Divider, {
|
|
149
|
+
orientation: "vertical",
|
|
150
|
+
flexItem: true,
|
|
151
|
+
sx: {
|
|
152
|
+
height: '1rem',
|
|
153
|
+
mx: 0.5,
|
|
154
|
+
alignSelf: 'center',
|
|
155
|
+
borderColor: 'divider'
|
|
156
|
+
}
|
|
157
|
+
}), /*#__PURE__*/React.createElement(ToolbarItem, {
|
|
158
|
+
icon: /*#__PURE__*/React.createElement(DeleteLineIcon, {
|
|
159
|
+
sx: {
|
|
160
|
+
fontSize: '1rem'
|
|
161
|
+
}
|
|
162
|
+
}),
|
|
163
|
+
tip: "\u5220\u9664",
|
|
164
|
+
onClick: handleDeleteAttachment
|
|
156
165
|
}));
|
|
157
166
|
};
|
|
158
167
|
var handleSave = function handleSave() {
|
|
@@ -177,7 +186,7 @@ var AttachmentViewWrapper = function AttachmentViewWrapper(_ref) {
|
|
|
177
186
|
}
|
|
178
187
|
if (!editor.isEditable) {
|
|
179
188
|
return /*#__PURE__*/React.createElement(NodeViewWrapper, {
|
|
180
|
-
className: "attachment-wrapper".concat(attachmentDisplayType === 'block' ? '
|
|
189
|
+
className: "attachment-wrapper ".concat(attachmentDisplayType === 'block' ? 'block-attachment-wrapper' : ''),
|
|
181
190
|
as: attachmentDisplayType === 'block' ? 'div' : 'span'
|
|
182
191
|
}, /*#__PURE__*/React.createElement(AttachmentContent, {
|
|
183
192
|
attrs: attrs,
|