@adminforth/markdown 1.9.1 → 1.10.0

package/build.log

@@ -12,5 +12,5 @@ custom/tsconfig.json
 custom/utils/
 custom/utils/monacoMarkdownToggle.ts
 
-sent 37,202 bytes  received 146 bytes  74,696.00 bytes/sec
-total size is 36,649  speedup is 0.98
+sent 38,446 bytes  received 146 bytes  77,184.00 bytes/sec
+total size is 37,901  speedup is 0.98

package/custom/MarkdownEditor.vue

@@ -447,6 +447,50 @@ async function uploadFileAndGetMarkdownTag(file: File): Promise<string | undefin
     return;
   }
 }
+function getSelectedPlainText(): string {
+  if (!editor || !model) return '';
+
+  const sels = editor.getSelections() || [];
+  if (!sels.length) return '';
+  return sels
+    .map((sel) => model!.getValueInRange(sel))
+    .join('\n');
+}
+
+const onEditorCopy = (e: ClipboardEvent) => {
+  if (!editor || !model) return;
+  if (!e.clipboardData) return;
+
+  if (!(editor.hasTextFocus?.() || isFocused.value)) return;
+
+  const text = getSelectedPlainText();
+  if (!text) return;
+
+  e.clipboardData.setData('text/plain', text);
+  e.clipboardData.setData('text/html', '');
+  e.preventDefault();
+  e.stopPropagation();
+};
+
+const onEditorCut = (e: ClipboardEvent) => {
+  if (!editor || !model) return;
+  if (!e.clipboardData) return;
+  if (!(editor.hasTextFocus?.() || isFocused.value)) return;
+
+  const text = getSelectedPlainText();
+  if (!text) return;
+
+  e.clipboardData.setData('text/plain', text);
+  e.clipboardData.setData('text/html', '');
+  e.preventDefault();
+  e.stopPropagation();
+
+  const sels = editor.getSelections() || [];
+  editor.executeEdits(
+    'cut',
+    sels.map((range) => ({ range, text: '' })),
+  );
+};
 
 onMounted(async () => {
   if (!editorContainer.value) return;
@@ -577,7 +621,8 @@ onMounted(async () => {
           insertAtCursor(`${markdownTags.join('\n\n')}\n`);
         }
       };
-
+      domNode.addEventListener('copy', onEditorCopy, true);
+      domNode.addEventListener('cut', onEditorCut, true);
       domNode.addEventListener('dragover', onDragOver, true);
       domNode.addEventListener('drop', onDrop, true);
       removeDragOverListener = () => domNode.removeEventListener('dragover', onDragOver, true);
@@ -710,7 +755,7 @@ async function uploadFileToS3(file: File): Promise<string | undefined> {
     return;
   }
 
-  const originalFilename = file.name.split('.').slice(0, -1).join('.');
+  const originalFilename = file.name.split('.').slice(0, -1).join('.') + `_${Date.now()}`;
   const originalExtension = file.name.split('.').pop();
 
   const { uploadUrl, tagline, previewUrl, error } = await callAdminForthApi({

package/dist/custom/MarkdownEditor.vue

@@ -447,6 +447,50 @@ async function uploadFileAndGetMarkdownTag(file: File): Promise<string | undefin
     return;
   }
 }
+function getSelectedPlainText(): string {
+  if (!editor || !model) return '';
+
+  const sels = editor.getSelections() || [];
+  if (!sels.length) return '';
+  return sels
+    .map((sel) => model!.getValueInRange(sel))
+    .join('\n');
+}
+
+const onEditorCopy = (e: ClipboardEvent) => {
+  if (!editor || !model) return;
+  if (!e.clipboardData) return;
+
+  if (!(editor.hasTextFocus?.() || isFocused.value)) return;
+
+  const text = getSelectedPlainText();
+  if (!text) return;
+
+  e.clipboardData.setData('text/plain', text);
+  e.clipboardData.setData('text/html', '');
+  e.preventDefault();
+  e.stopPropagation();
+};
+
+const onEditorCut = (e: ClipboardEvent) => {
+  if (!editor || !model) return;
+  if (!e.clipboardData) return;
+  if (!(editor.hasTextFocus?.() || isFocused.value)) return;
+
+  const text = getSelectedPlainText();
+  if (!text) return;
+
+  e.clipboardData.setData('text/plain', text);
+  e.clipboardData.setData('text/html', '');
+  e.preventDefault();
+  e.stopPropagation();
+
+  const sels = editor.getSelections() || [];
+  editor.executeEdits(
+    'cut',
+    sels.map((range) => ({ range, text: '' })),
+  );
+};
 
 onMounted(async () => {
   if (!editorContainer.value) return;
@@ -577,7 +621,8 @@ onMounted(async () => {
           insertAtCursor(`${markdownTags.join('\n\n')}\n`);
         }
       };
-
+      domNode.addEventListener('copy', onEditorCopy, true);
+      domNode.addEventListener('cut', onEditorCut, true);
       domNode.addEventListener('dragover', onDragOver, true);
       domNode.addEventListener('drop', onDrop, true);
       removeDragOverListener = () => domNode.removeEventListener('dragover', onDragOver, true);
@@ -710,7 +755,7 @@ async function uploadFileToS3(file: File): Promise<string | undefined> {
     return;
   }
 
-  const originalFilename = file.name.split('.').slice(0, -1).join('.');
+  const originalFilename = file.name.split('.').slice(0, -1).join('.') + `_${Date.now()}`;
   const originalExtension = file.name.split('.').pop();
 
   const { uploadUrl, tagline, previewUrl, error } = await callAdminForthApi({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/markdown",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "description": "Markdown plugin for adminforth",
   "type": "module",
   "main": "dist/index.js",