From 14ca6bf173aa6b99f0cd225275d6b6c36a9f35b1 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Fri, 9 Feb 2024 00:10:20 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=20Fix=20insert=20image=20fail?=
 =?UTF-8?q?=20use=20attachment=20selector.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix https://git.mczhengyi.top/zhengyi/halo-plugin-vditor/issues/62
---
 CHANGELOG.md                      |  3 ++-
 console/src/model/DebugPanel.vue  | 10 ++++++++++
 console/src/utils/cursor-utils.ts |  2 +-
 console/src/views/VditorMde.vue   |  9 ++++++---
 4 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0a32ead..8d6f95f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,7 +12,8 @@
 - 🐛 修复行内公式渲染的问题 #22
 - 🐛 修复操作栏修改属性不生效的问题 #20 \[vditor]
 - 🐛 修复在 PJAX 主题下渲染器无法正常处理的问题 #24
-- 🐛 修复render样式与其他样式冲突的问题
+- 🐛 修复 render 样式与其他样式冲突的问题
+- 🐛 修复`插入图片`在 Safari 中不可用的问题
 
 ### v1.5.1
 
diff --git a/console/src/model/DebugPanel.vue b/console/src/model/DebugPanel.vue
index 0bb401a..930e6e6 100644
--- a/console/src/model/DebugPanel.vue
+++ b/console/src/model/DebugPanel.vue
@@ -11,6 +11,9 @@
       <VButton type="primary" size="sm" @click="getPluginConfig">
         Get Plugin Config
       </VButton>
+      <VButton type="primary" size="sm" @click="getCursor">
+        Get Last Cursor
+      </VButton>
     </div>
     <div v-if="false" id="vditor-debug-data">
       <div>Vditor DEBUG</div>
@@ -30,6 +33,7 @@ const debugOpOpen = ref<boolean>(false);
 const props = defineProps<{
   vditor: Vditor | null;
   config: EditorConfig | undefined;
+  cursor: Range | undefined;
 }>();
 
 const getHTML = () => {
@@ -47,6 +51,12 @@ const getPluginConfig = () => {
     console.log("CONFIG: ", props.config);
   }
 };
+
+const getCursor = () => {
+  if (props.cursor) {
+    console.log("LAST CURSOR", props.cursor);
+  }
+};
 </script>
 
 <style scoped>
diff --git a/console/src/utils/cursor-utils.ts b/console/src/utils/cursor-utils.ts
index 7e34bf8..9e00255 100644
--- a/console/src/utils/cursor-utils.ts
+++ b/console/src/utils/cursor-utils.ts
@@ -1,5 +1,5 @@
 export function getCursor() {
-  return window.getSelection()?.getRangeAt(0);
+  return window.getSelection()?.getRangeAt(0).cloneRange();
 }
 
 export function setCursor(range: Range | undefined) {
diff --git a/console/src/views/VditorMde.vue b/console/src/views/VditorMde.vue
index 1379984..3e8cd12 100644
--- a/console/src/views/VditorMde.vue
+++ b/console/src/views/VditorMde.vue
@@ -52,8 +52,6 @@ const emit = defineEmits<{
   (event: "update", value: string): void;
 }>();
 
-const customRenderList = ["halo"];
-
 const debounceOnUpdate = () => {
   emit("update:raw", vditor.value.getValue());
   emit("update:content", renderHTML(vditor.value) || "");
@@ -200,7 +198,12 @@ const update = (val: string | null) => {
 <template>
   <div id="plugin-vditor-mde">
     <VLoading v-if="!vditorLoaded" style="height: 100%" />
-    <DebugPanel v-if="debugMode" :config="editorConfig" :vditor="vditor" />
+    <DebugPanel
+      v-if="debugMode"
+      :config="editorConfig"
+      :vditor="vditor"
+      :cursor="lastSelectionRange"
+    />
     <div id="vditor" ref="vditorRef"></div>
     <TemplateModal
       :open="customInsertOpen"