@kungal/editor-nuxt 0.16.0 → 0.18.0

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # @kungal/editor-nuxt
 
+## 0.18.0
+
+### Minor Changes
+
+- 6545866: Toolbar image upload now shows an in-document "uploading…" placeholder.
+
+  Previously only paste/drop showed the in-flight placeholder (Milkdown's `upload`
+  plugin); the toolbar image button uploaded silently — the image just popped in
+  when the adapter resolved. Now the toolbar path uses the same placeholder UX
+  (ProseMirror's official upload-example pattern).
+
+  - **editor-core**: `startImageUpload(view, file, { uploadImage, notify, locale })`
+    - the `imageUploadPlaceholder` decoration plugin (exported from `/preset`;
+      wired by the preset when `uploadImage` is present). Inserts a
+      `.kun-editor__uploading` widget at the caret, uploads, then replaces it with the
+      image (or removes it + notifies on failure); not an undo step. The paste/drop
+      placeholder now uses the same `.kun-editor__uploading` class so both look
+      identical.
+  - **editor-vue**: `KunEditorToolbarApi` gains `uploadImage(file)`; both the
+    headless `EditorToolbar` and the `#toolbar` slot API route uploads through
+    `startImageUpload`.
+  - **editor-nuxt**: `<KunEditorToolbar>`'s image button uses it.
+  - **Headless kept**: the placeholder is a class + widget hook only; style it via
+    `.kun-editor__uploading` in the reference `kun-editor.css` (primary-colored).
+
+  Customizable: style the placeholder via `.kun-editor__uploading`; the text is
+  localized (zh/en). Verified in the docs production build: uploading via either
+  toolbar inserts the image; the unit tests confirm the placeholder shows during a
+  pending upload and is replaced on success / removed on failure.
+
+### Patch Changes
+
+- Updated dependencies [6545866]
+  - @kungal/editor-core@0.18.0
+  - @kungal/editor-vue@0.18.0
+
+## 0.17.0
+
+### Patch Changes
+
+- Updated dependencies [59abbc8]
+  - @kungal/editor-core@0.17.0
+  - @kungal/editor-vue@0.17.0
+
 ## 0.16.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kungal/editor-nuxt",
-  "version": "0.16.0",
+  "version": "0.18.0",
   "description": "KunEditor Nuxt Layer — wraps @kungal/editor-vue and auto-imports <KunEditor> so an existing Nuxt app keeps its exact DX (no import needed).",
   "type": "module",
   "keywords": [
@@ -31,8 +31,8 @@
     "nuxt.config.ts"
   ],
   "dependencies": {
-    "@kungal/editor-vue": "0.16.0",
-    "@kungal/editor-core": "0.16.0"
+    "@kungal/editor-core": "0.18.0",
+    "@kungal/editor-vue": "0.18.0"
   },
   "peerDependencies": {
     "@kungal/ui-vue": "^2.7.0",

package/runtime/KunEditorToolbar.vue

@@ -106,22 +106,18 @@ const groups = computed<Tool[][]>(() => [
   ]
 ])
 
-// Image upload — only when the host supplies uploadImage. Same adapter as
-// paste/drop; on success inserts an image node at the cursor.
-const uploadImage = computed(() => props.adapters.uploadImage)
+// Image upload button — shown only when the host supplies uploadImage. The
+// upload itself goes through api.uploadImage, which shows an in-document
+// "uploading…" placeholder at the caret (same UX as paste/drop).
+const canUpload = computed(() => !!props.adapters.uploadImage)
 const fileInput = ref<HTMLInputElement | null>(null)
 const pickImage = () => fileInput.value?.click()
-const onFileChange = async (e: Event) => {
+const onFileChange = (e: Event) => {
   const input = e.target as HTMLInputElement
   const file = input.files?.[0]
   input.value = ''
-  const upload = uploadImage.value
-  if (!file || !upload) return
-  try {
-    const src = await upload(file)
-    props.run(insertImageCommand.key, { src, title: file.name, alt: file.name })
-  } catch {
-    props.adapters.notify?.(en.value ? 'Image upload failed' : '图片上传失败', 'error')
+  if (file) {
+    props.uploadImage(file)
   }
 }
 
@@ -183,7 +179,7 @@ const insertSticker = (src: string, name: string) =>
       </KunTooltip>
     </template>
 
-    <template v-if="uploadImage">
+    <template v-if="canUpload">
       <span class="bg-default-200 mx-1 h-5 w-px" aria-hidden="true" />
       <KunTooltip :text="t.image" :delay-show="300">
         <KunButton