xiaodao-editor 0.1.1

package/dist/view/ui/PlusMenu.vue.d.ts

@@ -0,0 +1,29 @@
+import { BlockId } from '../../core/types';
+type PlusMenuMode = 'slash' | 'insert';
+declare function onKeyDown(event: KeyboardEvent): boolean;
+declare const _default: import('vue').DefineComponent<{
+    visible: boolean;
+    anchorEl: HTMLElement | null;
+    blockId: BlockId;
+    query: string;
+    rootEl: HTMLElement | null;
+    mode?: PlusMenuMode;
+}, {
+    onKeyDown: typeof onKeyDown;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    commit: (command: import('../../core/command/SlashCommand').SlashCommandSpec, mode: PlusMenuMode) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    visible: boolean;
+    anchorEl: HTMLElement | null;
+    blockId: BlockId;
+    query: string;
+    rootEl: HTMLElement | null;
+    mode?: PlusMenuMode;
+}> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onCommit?: ((command: import('../../core/command/SlashCommand').SlashCommandSpec, mode: PlusMenuMode) => any) | undefined;
+}>, {
+    mode: PlusMenuMode;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/ui/SafeHtml.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<{
+    html?: string;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    html?: string;
+}> & Readonly<{}>, {
+    html: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/view/ui/icons.d.ts

@@ -0,0 +1,51 @@
+/**
+ * SVG icon strings for block types, shared by the slash menu (PlusMenu),
+ * the block settings menu (BlockSettingsMenu), and the hover toolbar.
+ *
+ * All icons use a 1024×1024 viewBox with `currentColor` fill so they adapt
+ * to the surrounding text color.
+ */
+/** Paragraph — uppercase "T" glyph drawn as two merged rounded-rect strokes. */
+export declare const ICON_PARAGRAPH = "<svg viewBox=\"0 0 1024 1024\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M426.666667 939.050667a32 32 0 1 1 0-64h53.333333V160H235.093333V170.666667a32 32 0 0 1-27.648 31.701333l-4.352 0.298667A32 32 0 0 1 171.093333 170.666667V128a32 32 0 0 1 32-32H820.693333a32 32 0 0 1 31.701334 27.648l0.298666 4.352v42.666667a32 32 0 1 1-64 0l-0.042666-10.666667H544v715.050667H597.333333a32 32 0 0 1 31.701334 27.648l0.298666 4.352a32 32 0 0 1-32 32h-170.666666z\" fill=\"currentColor\"/></svg>";
+/** H1 — digit "1": simple vertical post with a short left serif (top). */
+export declare const ICON_H1 = "<svg viewBox=\"0 0 1024 1024\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M544 170.922667a32 32 0 0 1 32 32v618.666666a32 32 0 1 1-64 0V544H192v277.674667a32 32 0 0 1-27.648 31.701333l-4.352 0.298667a32 32 0 0 1-32-32v-618.666667a32 32 0 0 1 64 0v276.992H512V202.922667a32 32 0 0 1 27.648-31.701334l4.352-0.298666z M848.512 366.933333A32 32 0 0 1 896 394.965333v426.666667a32 32 0 1 1-64 0v-372.565333l-80.554667 44.416a32 32 0 0 1-41.130666-8.96l-2.346667-3.626667a32 32 0 0 1 12.586667-43.477333l128-70.485334z\" fill=\"currentColor\"/></svg>";
+/** H2 — digit "2": mirrored-S arc flowing into a horizontal baseline bar. */
+export declare const ICON_H2 = "<svg viewBox=\"0 0 1024 1024\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M544 170.922667a32 32 0 0 1 32 32v618.666666a32 32 0 1 1-64 0V544H192v277.674667a32 32 0 0 1-27.648 31.701333l-4.352 0.298667a32 32 0 0 1-32-32v-618.666667a32 32 0 0 1 64 0v276.992H512V202.922667a32 32 0 0 1 27.648-31.701334l4.352-0.298666z M786.133333 362.666667a152.661333 152.661333 0 0 1 107.946667 260.693333l-166.058667 165.973333h178.773334a32 32 0 0 1 31.744 27.648l0.256 4.352a32 32 0 0 1-32 32h-256a32 32 0 0 1-22.613334-54.613333l220.672-220.672A88.661333 88.661333 0 0 0 786.133333 426.666667h-7.338666a96 96 0 0 0-96 96v20.565333a32 32 0 0 1-64 0v-20.565333a160 160 0 0 1 160-160h7.338666z\" fill=\"currentColor\"/></svg>";
+/** H3 — digit "3": rounded double-stack form (upper + lower lobes). */
+export declare const ICON_H3 = "<svg viewBox=\"0 0 1024 1024\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M544 170.922667a32 32 0 0 1 32 32v618.666666a32 32 0 1 1-64 0V544H192v277.674667a32 32 0 0 1-27.648 31.701333l-4.352 0.298667a32 32 0 0 1-32-32v-618.666667a32 32 0 0 1 64 0v276.992H512V202.922667a32 32 0 0 1 27.648-31.701334l4.352-0.298666z m362.410667 192a32 32 0 0 1 22.613333 54.656L809.813333 536.746667l1.792 0.341333a160.085333 160.085333 0 0 1 126.506667 148.053333l0.256 8.490667a160 160 0 0 1-310.912 53.248 32 32 0 0 1 60.373333-21.333333 96 96 0 1 0 90.538667-127.914667h-42.666667a32 32 0 0 1-22.613333-54.613333l116.010667-116.053334h-178.773334a32 32 0 0 1-31.701333-27.648l-0.256-4.352a32 32 0 0 1 32-32h256z\" fill=\"currentColor\"/></svg>";
+/** H4 — digit "4": vertical post + horizontal crossbar + diagonal connector. */
+export declare const ICON_H4 = "<svg viewBox=\"0 0 1024 1024\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M544 170.922667a32 32 0 0 1 32 32v618.666666a32 32 0 1 1-64 0V544H192v277.674667a32 32 0 0 1-27.648 31.701333l-4.352 0.298667a32 32 0 0 1-32-32v-618.666667a32 32 0 0 1 64 0v276.992H512V202.922667a32 32 0 0 1 27.648-31.701334l4.352-0.298666z m244.309333 193.493333a32 32 0 0 1 20.992 40.106667l-93.738666 299.776h116.48v-96a32 32 0 0 1 64 0v96h10.666666a32 32 0 0 1 31.744 27.648l0.298667 4.352a32 32 0 0 1-32 32H896v53.333333a32 32 0 1 1-64 0v-53.333333h-160a32 32 0 0 1-30.506667-41.557334l106.666667-341.333333a32 32 0 0 1 40.106667-20.992z\" fill=\"currentColor\"/></svg>";
+/** H5 — digit "5": top bar + left stem + mid bar + sweeping lower arc. */
+export declare const ICON_H5 = "<svg viewBox=\"0 0 1024 1024\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M544 170.922667a32 32 0 0 1 32 32v618.666666a32 32 0 1 1-64 0V544H192v277.674667a32 32 0 0 1-27.648 31.701333l-4.352 0.298667a32 32 0 0 1-32-32v-618.666667a32 32 0 0 1 64 0v276.992H512V202.922667a32 32 0 0 1 27.648-31.701334l4.352-0.298666z m363.477333 192.426666a32 32 0 1 1 0 64h-145.706666l-28.245334 113.450667 5.12-1.493333a160.042667 160.042667 0 0 1 100.949334 6.4l9.472 4.266666a160 160 0 1 1-189.610667 249.856 32 32 0 0 1 48-42.325333 96 96 0 1 0 0-126.976c-22.186667 25.130667-63.146667 3.584-55.04-28.928l53.333333-214.016a32 32 0 0 1 31.061334-24.234667h170.666666z\" fill=\"currentColor\"/></svg>";
+/** H6 — digit "6": descending loop with inner oval and opening stroke. */
+export declare const ICON_H6 = "<svg viewBox=\"0 0 1024 1024\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M544 170.922667a32 32 0 0 1 32 32v618.666666a32 32 0 1 1-64 0V544H192v277.674667a32 32 0 0 1-27.648 31.701333l-4.352 0.298667a32 32 0 0 1-32-32v-618.666667a32 32 0 0 1 64 0v276.992H512V202.922667a32 32 0 0 1 27.648-31.701334l4.352-0.298666z m292.522667 153.173333a32 32 0 0 1 12.586666 43.52l-93.141333 168.874667a159.957333 159.957333 0 0 1 102.4 19.712 158.848 158.848 0 0 1 58.581333 217.685333 160.426667 160.426667 0 0 1-218.453333 58.24 158.890667 158.890667 0 0 1-62.762667-209.962667l157.312-285.44a32 32 0 0 1 43.52-12.586666z m-141.226667 322.517333a94.890667 94.890667 0 0 0 35.072 130.048 96.426667 96.426667 0 0 0 131.242667-34.901333 94.848 94.848 0 0 0-35.114667-130.048 96.426667 96.426667 0 0 0-131.242667 34.901333z\" fill=\"currentColor\"/></svg>";
+/** Unordered / bullet list — three filled dots with lines. */
+export declare const ICON_BULLET_LIST = "<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"3\" cy=\"4\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"3\" cy=\"8\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"3\" cy=\"12\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"/><line x1=\"6.5\" y1=\"4\" x2=\"13.5\" y2=\"4\"/><line x1=\"6.5\" y1=\"8\" x2=\"13.5\" y2=\"8\"/><line x1=\"6.5\" y1=\"12\" x2=\"13.5\" y2=\"12\"/></svg>";
+/**
+ * Ordered / numbered list — three rows, each with a small numeral
+ * drawn as SVG strokes (1, 2, 3) followed by a text line.
+ * The numerals are drawn purely with paths — no `<text>` elements.
+ */
+export declare const ICON_ORDERED_LIST = "<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2.3 3.7L3.1 2.8L3.1 5.8\" stroke-width=\"1.1\"/><line x1=\"6.5\" y1=\"4\" x2=\"13.5\" y2=\"4\" stroke-width=\"1.3\"/><path d=\"M1.8 7.4C1.8 6.6 4.2 6.6 4.2 7.4C4.2 8.2 1.8 9.5 1.8 9.5L4.2 9.5\" stroke-width=\"1.1\"/><line x1=\"6.5\" y1=\"8\" x2=\"13.5\" y2=\"8\" stroke-width=\"1.3\"/><path d=\"M4.2 11.2C4.2 10.5 3 10.5 1.8 11.5C1.8 12 3 12 3 12C3 12 4.2 12 4.2 13C4.2 13.5 3 13.5 1.8 12.8\" stroke-width=\"1.1\"/><line x1=\"6.5\" y1=\"12\" x2=\"13.5\" y2=\"12\" stroke-width=\"1.3\"/></svg>";
+/** To-do list — checkbox with checkmark. */
+export declare const ICON_TODO = "<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2.5\" y=\"2.5\" width=\"11\" height=\"11\" rx=\"2.5\"/><path d=\"M5.5 8L7 9.8L10.8 5.8\"/></svg>";
+/** Quote / blockquote — left bar with text lines. */
+export declare const ICON_QUOTE = "<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2.5\" y=\"3\" width=\"2\" height=\"10\" rx=\"1\" fill=\"currentColor\" stroke=\"none\"/><line x1=\"6.5\" y1=\"5\" x2=\"13\" y2=\"5\"/><line x1=\"6.5\" y1=\"8\" x2=\"13\" y2=\"8\"/><line x1=\"6.5\" y1=\"11\" x2=\"10\" y2=\"11\"/></svg>";
+/** Code block — angle brackets with slash. */
+export declare const ICON_CODE = "<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 4L2 8L5 12\"/><path d=\"M11 4L14 8L11 12\"/><line x1=\"10\" y1=\"3\" x2=\"6\" y2=\"13\"/></svg>";
+/** Divider / horizontal rule — a single horizontal line. */
+export declare const ICON_DIVIDER = "<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"2\" y1=\"8\" x2=\"14\" y2=\"8\"/></svg>";
+/** Table of Contents — indented list lines with leading dots. */
+export declare const ICON_TOC = "<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 3.5h10M2 8h10M2 12.5h10\"/><path d=\"M14.5 3.5v.01M14.5 8v.01M14.5 12.5v.01\"/></svg>";
+/** Image — rectangle with mountain + sun. Drawn purely with SVG paths, no <text>. */
+export declare const ICON_IMAGE = "<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"3\" width=\"12\" height=\"10\" rx=\"1.5\"/><circle cx=\"5.5\" cy=\"6.5\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"/><path d=\"M13 11.5L10 8.5L7 11.5L5 9.5L3 11.5\"/></svg>";
+/** Upload progress spinner — dashed arc, drawn purely with paths. */
+export declare const ICON_SPINNER = "<svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><path d=\"M12 3a9 9 0 0 1 9 9\" opacity=\"0.25\"/><path d=\"M12 3a9 9 0 0 0-9 9\" class=\"be-spinner-arc\"/></g></svg>";
+/** Retry / refresh icon — circular arrow, pure paths. */
+export declare const ICON_RETRY = "<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 8a5 5 0 0 1 8.5-3.5M13 3v3h-3\"/><path d=\"M13 8a5 5 0 0 1-8.5 3.5M3 13v-3h3\"/></svg>";
+/** Close / delete icon — X, pure paths. */
+export declare const ICON_CLOSE = "<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 4L12 12\"/><path d=\"M12 4L4 12\"/></svg>";
+/** Replace / swap icon — two horizontal arrows, pure paths. */
+export declare const ICON_REPLACE = "<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 5H12M9 2L12 5L9 8\"/><path d=\"M14 11H4M7 8L4 11L7 14\"/></svg>";
+/** Upload (cloud + arrow) icon, pure paths. */
+export declare const ICON_UPLOAD = "<svg viewBox=\"0 0 1024 1024\" width=\"32\" height=\"32\" aria-hidden=\"true\"><path d=\"M768.35456 416a256 256 0 1 0-512 0 192 192 0 1 0 0 384v64a256 256 0 0 1-58.88-505.216 320.128 320.128 0 0 1 629.76 0A256.128 256.128 0 0 1 768.35456 864v-64a192 192 0 0 0 0-384z m-512 384h128v64H256.35456v-64z m384 0h128v64h-128v-64z\" fill=\"currentColor\"/><path d=\"M539.04256 589.184v333.056a32.448 32.448 0 0 1-32 32.192 32.448 32.448 0 0 1-32-32.192V589.184l-36.096 36.096a32.192 32.192 0 0 1-45.056-0.192 31.616 31.616 0 0 1-0.192-45.056l90.88-90.88a31.36 31.36 0 0 1 22.528-9.152 30.08 30.08 0 0 1 22.4 9.088l90.88 90.944a32.192 32.192 0 0 1-0.192 45.056 31.616 31.616 0 0 1-45.056 0.192l-36.096-36.096z\" fill=\"currentColor\"/></svg>";

package/dist/view/ui/inputRulesEngine.d.ts

@@ -0,0 +1,33 @@
+import { InputRuleRegistry } from '../../core/command/InputRule';
+import { Editor } from '../../core/Editor';
+import { BlockId } from '../../core/types';
+export interface InputRuleRunContext {
+    readonly editor: Editor;
+    readonly registry: InputRuleRegistry;
+    readonly blockId: BlockId;
+    /** The full text currently in the block (after the just-typed character). */
+    readonly text: string;
+    /** True if we're in the middle of IME composition — we skip rules. */
+    readonly composing?: boolean;
+}
+/**
+ * Test all registered rules. Returns `true` if a rule matched and fired, so
+ * the caller can stop syncing a setText (it was replaced by a transaction).
+ *
+ * For rule-matching we only examine the text currently in the block's leading
+ * prefix (i.e. no newline; rules always match a single-line prefix up to the
+ * caret). Because the editor's caret may be anywhere, `textBeforeCaret` is the
+ * full block text passed in — rules are responsible for anchoring patterns with
+ * `^…$`. This matches ProseMirror / Tiptap input-rule semantics.
+ */
+export declare function runInputRules(ctx: InputRuleRunContext): boolean;
+/**
+ * Returns true when a text change starts a slash-menu trigger: the user typed
+ * "/" at the block start, or anywhere in an otherwise-empty block.
+ *
+ * This is a very lightweight check, called by `BlockContent` so it can signal
+ * the root `BlockEditor` to open the slash menu. The menu is kept in the root
+ * so it can float above sibling blocks without being clipped by a block's
+ * `overflow: hidden` or similar.
+ */
+export declare function isSlashTrigger(text: string): boolean;

package/dist/view/ui/popup.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Popup helpers: position a floating element relative to an anchor (an
+ * `HTMLElement` or a DOM `Rect`). Used by the slash menu, the block
+ * settings menu, and the hover toolbar.
+ *
+ * All popups now prefer placing BELOW the anchor. The available height
+ * below the anchor (within the viewport) is returned so callers can
+ * auto-scale the menu height and use up/down scroll buttons instead of
+ * a scrollbar.
+ */
+export interface PopupPlacement {
+    readonly top: number;
+    readonly left: number;
+    readonly above: boolean;
+    /** Available height (px) in the viewport below the anchor. */
+    readonly availableHeight: number;
+    /**
+     * When `above=true`, the popup should expand *upward* from this
+     * viewport-relative "bottom" coordinate (the baseline next to the
+     * anchor). This lets callers set the popup's CSS `bottom` property
+     * instead of `top`, so height changes grow upward rather than
+     * downward.  When `above=false` this equals the same numeric value
+     * as `top` so callers can always fall back to `top`.
+     */
+    readonly bottom: number;
+    /**
+     * Viewport-relative "top" coordinate of the anchor baseline (same
+     * semantics as `bottom`): used when `above=false` (popup expands
+     * downward from this point).  Provided for symmetry.
+     */
+    readonly topBaseline: number;
+}
+/**
+ * Position a popup below an anchor element (or rect). If the anchor is close
+ * to the container bottom **and** the viewport below is too cramped while
+ * there is more room above the anchor in the viewport, place it above
+ * instead.
+ *
+ * All returned coordinates are **viewport-relative**, suitable for use with
+ * `position: fixed` (e.g. menus that teleport to `<body>`). Callers that
+ * operate within a container-relative coordinate space should subtract the
+ * container's `getBoundingClientRect().top/left` themselves.
+ */
+export declare function placeBelow(root: HTMLElement, anchor: HTMLElement | DOMRect, popupSize: {
+    readonly width: number;
+    readonly height: number;
+}, margin?: number): PopupPlacement;
+/**
+ * Position a popup below a selection rect (for the hover toolbar).
+ * Falls back to above only if there's zero space below.
+ * Returns viewport-relative coordinates (for use with position:fixed
+ * or a full-viewport positioning container).
+ */
+export declare function placeBelowSelection(_root: HTMLElement, selectionRect: DOMRect, popupSize: {
+    readonly width: number;
+    readonly height: number;
+}, margin?: number): PopupPlacement;
+/** Kept for backward compatibility — delegates to placeBelowSelection. */
+export declare function placeAboveSelection(root: HTMLElement, selectionRect: DOMRect, popupSize: {
+    readonly width: number;
+    readonly height: number;
+}, margin?: number): PopupPlacement;
+/**
+ * Position a popup ABOVE a selection rect, falling back to below only if
+ * there is not enough space above.  Used by the table cell selection
+ * toolbar so it doesn't obscure the selected cells below.
+ */
+export declare function placePreferAbove(_root: HTMLElement, selectionRect: DOMRect, popupSize: {
+    readonly width: number;
+    readonly height: number;
+}, margin?: number): PopupPlacement;
+/**
+ * Compute a rect relative to the editor root.
+ */
+export declare function relativeRect(root: HTMLElement, el: HTMLElement): DOMRect;

package/dist/view/ui/useMenuDismiss.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'vue';
+export declare function useMenuDismiss(menuEl: Ref<HTMLElement | null>, isVisible: () => boolean, onClose: () => void, 
+/** Optional extra elements that should also be treated as "inside the menu"
+ *  (e.g. the trigger/anchor button). This is critical for mobile when the
+ *  menu is teleported to <body>: a capture-phase `touchstart` listener on
+ *  window fires BEFORE the element-level `@touchstart.stop` handler on the
+ *  trigger; without treating the trigger as inside, the newly-opened menu
+ *  closes instantly on the very same tap. */
+extraInside?: () => (HTMLElement | null)[] | HTMLElement | null): void;

package/dist/view/ui/useMenuScroll.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare function useMenuScroll(scrollEl: Ref<HTMLElement | null>, onScroll: () => void): void;

package/dist/view/urlUtils.d.ts

@@ -0,0 +1,39 @@
+import { InlineSeq } from '../core/types';
+/**
+ * Check whether a URL string is safe to use as an href.
+ *
+ * A URL is considered safe if:
+ * 1. It is non-empty.
+ * 2. It does not start with a dangerous scheme (case-insensitive).
+ * 3. If it has an explicit scheme, that scheme is in the allow-list.
+ * 4. If it has no scheme (relative URL or bare domain), it is safe — the
+ *    browser will resolve it relative to the current page, and it cannot
+ *    execute script.
+ *
+ * Returns the cleaned URL (trimmed) or null if the URL is unsafe/empty.
+ */
+export declare function sanitizeUrl(raw: string): string | null;
+/**
+ * Check if a string looks like a URL that should be auto-linked.
+ *
+ * This is intentionally conservative — it only matches strings that start
+ * with a known scheme or look like a domain (e.g. "example.com/path").
+ */
+export declare function looksLikeUrl(text: string): boolean;
+/**
+ * Normalize a URL by adding a default scheme if missing.
+ *
+ * - If the URL already has a scheme, return as-is.
+ * - If it looks like a domain, prepend "https://".
+ * - If it starts with "@", treat as email → prepend "mailto:".
+ * - Otherwise, return as-is (may be a relative URL).
+ */
+export declare function normalizeUrl(raw: string): string;
+/**
+ * Scan an InlineSeq for URL-like substrings and add link marks to them.
+ *
+ * - Only scans text runs that do NOT already have a `link` mark or `code` mark.
+ * - Preserves all existing marks on non-URL portions.
+ * - Returns the same sequence if no URLs were found (no allocation).
+ */
+export declare function autoLinkInlineSeq(seq: InlineSeq): InlineSeq;

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "xiaodao-editor",
+  "version": "0.1.1",
+  "description": "Notion-style block editor for Vue 3",
+  "type": "module",
+  "license": "MIT",
+  "keywords": [
+    "vue",
+    "vue3",
+    "editor",
+    "block-editor",
+    "notion",
+    "rich-text",
+    "wysiwyg"
+  ],
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/block-editor.umd.cjs",
+  "module": "./dist/block-editor.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/block-editor.js",
+      "require": "./dist/block-editor.umd.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "typecheck": "vue-tsc --noEmit",
+    "lint": "eslint . --ext .ts,.vue,.js --fix",
+    "lint:check": "eslint . --ext .ts,.vue,.js",
+    "format": "prettier --write \"src/**/*.{ts,vue,css}\" \"playground/**/*.{ts,vue}\"",
+    "prepublishOnly": "pnpm build"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0"
+  },
+  "dependencies": {
+    "highlight.js": "^11.11.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.14.0",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@vitejs/plugin-vue": "^5.1.2",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-vue": "^9.27.0",
+    "prettier": "^3.3.3",
+    "typescript": "^5.5.4",
+    "vite": "^5.4.0",
+    "vite-plugin-dts": "^4.0.3",
+    "vue": "^3.4.38",
+    "vue-tsc": "^2.0.29"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "esbuild"
+    ]
+  },
+  "packageManager": "pnpm@10.29.2+sha512.bef43fa759d91fd2da4b319a5a0d13ef7a45bb985a3d7342058470f9d2051a3ba8674e629672654686ef9443ad13a82da2beb9eeb3e0221c87b8154fff9d74b8"
+}