@airalogy/aimd-editor 1.9.0 → 1.9.1

package/dist/embedded.js

@@ -1,4 +1,4 @@
-import { _ as s } from "./AimdSourceEditor.vue_vue_type_script_setup_true_lang-ttzw5IdG.js";
+import { _ as s } from "./AimdSourceEditor.vue_vue_type_script_setup_true_lang-CHXbJJa_.js";
 import { _ as i, D as d, i as o, j as t, k as A, r as m } from "./AimdWysiwygEditor.vue_vue_type_script_setup_true_lang-BYUea59a.js";
 export {
   s as AimdSourceEditor,

package/dist/index.js

@@ -1,6 +1,6 @@
 import { A as i, a as s, b as d, D as o, K as m, M as r, c as t, d as A, e as n, f as l, g as D, l as E, s as T } from "./theme-B8dCnOx-.js";
-import { _, a as c, b as f, c as u, u as M } from "./AimdEditorTopBar.vue_vue_type_script_setup_true_lang-DUzstO_i.js";
-import { _ as p } from "./AimdSourceEditor.vue_vue_type_script_setup_true_lang-ttzw5IdG.js";
+import { _, a as c, b as f, c as u, u as M } from "./AimdEditorTopBar.vue_vue_type_script_setup_true_lang-BL2zaxn-.js";
+import { _ as p } from "./AimdSourceEditor.vue_vue_type_script_setup_true_lang-CHXbJJa_.js";
 import { A as k, a as x, _ as L, D as O, M as S, b as y, c as b, d as N, e as P, f as R, g as w, h, i as B, j as C, k as v, l as K, m as V, n as Y, r as j } from "./AimdWysiwygEditor.vue_vue_type_script_setup_true_lang-BYUea59a.js";
 export {
   k as AIMD_FIELD_TYPES,

package/dist/vue.js

@@ -1,5 +1,5 @@
-import { _ as e, a as d, b as s, c as r, u as o } from "./AimdEditorTopBar.vue_vue_type_script_setup_true_lang-DUzstO_i.js";
-import { _ as m } from "./AimdSourceEditor.vue_vue_type_script_setup_true_lang-ttzw5IdG.js";
+import { _ as e, a as d, b as s, c as r, u as o } from "./AimdEditorTopBar.vue_vue_type_script_setup_true_lang-BL2zaxn-.js";
+import { _ as m } from "./AimdSourceEditor.vue_vue_type_script_setup_true_lang-CHXbJJa_.js";
 import { A as E, a as l, _ as I, D as _, M as T, b as D, c as F, d as M, e as u, f as c, g as n, h as g, i as L, j as O, k as p, l as S, m as y, n as b, r as f } from "./AimdWysiwygEditor.vue_vue_type_script_setup_true_lang-BYUea59a.js";
 export {
   E as AIMD_FIELD_TYPES,

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@airalogy/aimd-editor",
   "type": "module",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "description": "AIMD (Airalogy Markdown) editor with Monaco source mode and Milkdown WYSIWYG mode",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
-    "url": "https://github.com/airalogy/aimd.git",
-    "directory": "packages/aimd-editor"
+    "url": "https://github.com/airalogy/airalogy.git",
+    "directory": "packages/npm/aimd-editor"
   },
   "bugs": {
-    "url": "https://github.com/airalogy/aimd/issues"
+    "url": "https://github.com/airalogy/airalogy/issues"
   },
-  "homepage": "https://github.com/airalogy/aimd/tree/main/packages/aimd-editor#readme",
+  "homepage": "https://github.com/airalogy/airalogy/tree/main/packages/npm/aimd-editor#readme",
   "keywords": [
     "aimd",
     "monaco",
@@ -59,8 +59,8 @@
     "@milkdown/kit": "^7.18.0",
     "@milkdown/theme-nord": "^7.18.0",
     "@milkdown/vue": "^7.18.0",
-    "@airalogy/aimd-core": "^2.6.0",
-    "@airalogy/aimd-renderer": "^2.5.0"
+    "@airalogy/aimd-core": "^2.10.0",
+    "@airalogy/aimd-renderer": "^2.8.1"
   },
   "peerDependencies": {
     "monaco-editor": ">=0.50.0",

package/src/vue/AimdEditor.vue

@@ -19,6 +19,7 @@ import {
   createMdToolbarItems,
   getQuickAimdSyntax,
   type AimdEditorProps,
+  type AimdEditorImageRequest,
 } from './types'
 import { useEditorContent } from './useEditorContent'
 
@@ -31,6 +32,7 @@ const props = withDefaults(defineProps<AimdEditorProps>(), {
   showToolbar: true,
   showAimdToolbar: true,
   showMdToolbar: true,
+  imageToolbarAction: 'markdown',
   enableBlockHandle: true,
   enableSlashMenu: true,
   keepInactiveEditorsMounted: true,
@@ -43,6 +45,7 @@ const emit = defineEmits<{
   (e: 'update:modelValue', value: string): void
   (e: 'update:mode', mode: 'source' | 'wysiwyg'): void
   (e: 'ready', editor: { monaco?: any; milkdown?: Editor }): void
+  (e: 'request-image', request: AimdEditorImageRequest): void
 }>()
 
 // --- Resolved messages ---
@@ -126,6 +129,28 @@ function onDialogInsert(syntax: string) {
   insertTextIntoActiveEditor(syntax)
 }
 
+function getToolbarButtonRect(target: EventTarget | null): AimdEditorImageRequest['buttonRect'] {
+  if (!(target instanceof HTMLElement)) return undefined
+  const rect = target.getBoundingClientRect()
+  return {
+    top: rect.top,
+    right: rect.right,
+    bottom: rect.bottom,
+    left: rect.left,
+    width: rect.width,
+    height: rect.height,
+  }
+}
+
+function handleMdToolbarAction(action: string, event: MouseEvent) {
+  if (action === 'image' && props.imageToolbarAction === 'custom') {
+    emit('request-image', { buttonRect: getToolbarButtonRect(event.currentTarget) })
+    return
+  }
+
+  handleMdAction(action)
+}
+
 // --- Source editor refs ---
 const sourceEditorRef = ref<InstanceType<typeof AimdSourceEditor> | null>(null)
 const wysiwygEditorRef = ref<InstanceType<typeof AimdWysiwygEditor> | null>(null)
@@ -180,7 +205,7 @@ defineExpose({
       :localized-field-types="localizedFieldTypes"
       :localized-md-toolbar-items="localizedMdToolbarItems"
       @switch-mode="switchMode"
-      @md-action="handleMdAction"
+      @md-action="handleMdToolbarAction"
       @open-aimd-dialog="openAimdDialog"
       @quick-insert-aimd="quickInsertAimd"
     />

package/src/vue/AimdEditorToolbar.vue

@@ -14,7 +14,7 @@ defineProps<{
 
 const emit = defineEmits<{
   (e: 'switch-mode', mode: 'source' | 'wysiwyg'): void
-  (e: 'md-action', action: string): void
+  (e: 'md-action', action: string, event: MouseEvent): void
   (e: 'open-aimd-dialog', type: string): void
   (e: 'quick-insert-aimd', type: string): void
 }>()
@@ -55,7 +55,7 @@ const emit = defineEmits<{
           type="button"
           class="aimd-editor-fmt-btn"
           :title="item.title"
-          @click="emit('md-action', item.action)"
+          @click="emit('md-action', item.action, $event)"
           v-html="item.svgIcon"
         />
       </template>

package/src/vue/index.ts

@@ -25,6 +25,9 @@ export {
 export type {
   AimdFieldTypeDefinition,
   AimdFieldType,
+  AimdEditorImageToolbarAction,
+  AimdEditorImageRequest,
+  AimdEditorToolbarButtonRect,
   AimdVarTypePresetOption,
   MdToolbarItemDefinition,
   MdToolbarItem,

package/src/vue/types.ts

@@ -36,6 +36,21 @@ export interface MdToolbarItem extends MdToolbarItemDefinition {
   title?: string
 }
 
+export type AimdEditorImageToolbarAction = 'markdown' | 'custom'
+
+export interface AimdEditorToolbarButtonRect {
+  top: number
+  right: number
+  bottom: number
+  left: number
+  width: number
+  height: number
+}
+
+export interface AimdEditorImageRequest {
+  buttonRect?: AimdEditorToolbarButtonRect
+}
+
 export interface AimdEditorProps {
   /** Initial / bound markdown content (v-model) */
   modelValue?: string
@@ -55,6 +70,8 @@ export interface AimdEditorProps {
   showAimdToolbar?: boolean
   /** Whether to show the Markdown toolbar section */
   showMdToolbar?: boolean
+  /** How the Markdown image toolbar button behaves */
+  imageToolbarAction?: AimdEditorImageToolbarAction
   /** Whether to enable the Milkdown block handle (plus button on left) */
   enableBlockHandle?: boolean
   /** Whether to enable the slash menu (type / to insert) */
@@ -75,6 +92,7 @@ export interface AimdEditorEmits {
   (e: 'update:modelValue', value: string): void
   (e: 'update:mode', mode: 'source' | 'wysiwyg'): void
   (e: 'ready', editor: { monaco?: any; milkdown?: Editor }): void
+  (e: 'request-image', request: AimdEditorImageRequest): void
 }
 
 // SVG icon helpers – all 16×16, stroke-based, currentColor