@jvs-milkdown/components 1.2.1 → 1.2.3

package/lib/__internal__/components/icon.d.ts

@@ -0,0 +1,24 @@
+type IconProps = {
+    icon?: string | null;
+    class?: string;
+    onClick?: (event: PointerEvent) => void;
+};
+export declare function Icon({ icon, class: className, onClick }: IconProps): import("vue/jsx-runtime").JSX.Element;
+export declare namespace Icon {
+    var props: {
+        icon: {
+            type: StringConstructor;
+            required: boolean;
+        };
+        class: {
+            type: StringConstructor;
+            required: boolean;
+        };
+        onClick: {
+            type: FunctionConstructor;
+            required: boolean;
+        };
+    };
+}
+export {};
+//# sourceMappingURL=icon.d.ts.map

package/lib/__internal__/components/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/__internal__/components/icon.tsx"],"names":[],"mappings":"AAQA,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;CACxC,CAAA;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,SAAS,yCAQlE;yBARe,IAAI"}

package/lib/__internal__/components/image-input.d.ts

@@ -0,0 +1,17 @@
+import { type Ref } from 'vue';
+type ImageInputProps = {
+    src: Ref<string | undefined>;
+    selected: Ref<boolean>;
+    readonly: Ref<boolean>;
+    setLink: (link: string) => void;
+    imageIcon?: string;
+    uploadButton?: string;
+    confirmButton?: string;
+    uploadPlaceholderText?: string;
+    className?: string;
+    onUpload: (file: File) => Promise<string>;
+    onImageLoadError?: (event: Event) => void | Promise<void>;
+};
+export declare const ImageInput: import("vue").DefineComponent<ImageInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export {};
+//# sourceMappingURL=image-input.d.ts.map

package/lib/__internal__/components/image-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-input.d.ts","sourceRoot":"","sources":["../../../src/__internal__/components/image-input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AASvD,KAAK,eAAe,GAAG;IACrB,GAAG,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC5B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAE/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAE9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IACzC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAC1D,CAAA;AAED,eAAO,MAAM,UAAU,0SAiLrB,CAAA"}

package/lib/__internal__/keep-alive.d.ts

@@ -0,0 +1,2 @@
+export declare function keepAlive(..._args: unknown[]): void;
+//# sourceMappingURL=keep-alive.d.ts.map

package/lib/__internal__/keep-alive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keep-alive.d.ts","sourceRoot":"","sources":["../../src/__internal__/keep-alive.ts"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,CAAC,GAAG,KAAK,EAAE,OAAO,EAAE,QAAI"}

package/lib/__internal__/meta.d.ts

@@ -0,0 +1,3 @@
+import type { Meta, MilkdownPlugin } from '@jvs-milkdown/ctx';
+export declare function withMeta<T extends MilkdownPlugin>(plugin: T, meta: Partial<Meta> & Pick<Meta, 'displayName'>): T;
+//# sourceMappingURL=meta.d.ts.map

package/lib/__internal__/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/__internal__/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAE7D,wBAAgB,QAAQ,CAAC,CAAC,SAAS,cAAc,EAC/C,MAAM,EAAE,CAAC,EACT,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,aAAa,CAAC,GAC9C,CAAC,CASH"}

package/lib/__tests__/setup.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=setup.d.ts.map

package/lib/__tests__/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/__tests__/setup.ts"],"names":[],"mappings":""}

package/lib/code-block/config.d.ts

@@ -0,0 +1,25 @@
+import type { LanguageDescription } from '@codemirror/language';
+import type { Extension } from '@codemirror/state';
+export interface CodeBlockConfig {
+    extensions: Extension[];
+    languages: LanguageDescription[];
+    expandIcon: string;
+    searchIcon: string;
+    clearSearchIcon: string;
+    searchPlaceholder: string;
+    noResultText: string;
+    copyText: string;
+    copyIcon: string;
+    onCopy?: (text: string) => void;
+    renderLanguage: (language: string, selected: boolean) => string;
+    renderPreview: (language: string, content: string, applyPreview: (value: null | string | HTMLElement) => void) => void | null | string | HTMLElement;
+    previewToggleButton: (previewOnlyMode: boolean) => string;
+    previewLabel: string;
+    previewOnlyByDefault?: boolean;
+    previewLoading: string | HTMLElement;
+    wrapText: string;
+    wrapIcon: string;
+}
+export declare const defaultConfig: CodeBlockConfig;
+export declare const codeBlockConfig: import("@jvs-milkdown/utils").$Ctx<CodeBlockConfig, "codeBlockConfigCtx">;
+//# sourceMappingURL=config.d.ts.map

package/lib/code-block/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/code-block/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAMlD,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,SAAS,EAAE,mBAAmB,EAAE,CAAA;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,MAAM,CAAA;IACvB,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,MAAM,CAAA;IAC/D,aAAa,EAAE,CACb,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,WAAW,KAAK,IAAI,KACvD,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,WAAW,CAAA;IACvC,mBAAmB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,MAAM,CAAA;IACzD,YAAY,EAAE,MAAM,CAAA;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,cAAc,EAAE,MAAM,GAAG,WAAW,CAAA;IACpC,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,eAkB3B,CAAA;AAED,eAAO,MAAM,eAAe,2EAA4C,CAAA"}

package/lib/code-block/index.d.ts

@@ -0,0 +1,5 @@
+import type { MilkdownPlugin } from '@jvs-milkdown/ctx';
+export * from './config';
+export * from './view';
+export declare const codeBlockComponent: MilkdownPlugin[];
+//# sourceMappingURL=index.d.ts.map

package/lib/code-block/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/code-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAKvD,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AAEtB,eAAO,MAAM,kBAAkB,EAAE,cAAc,EAG9C,CAAA"}

package/lib/code-block/view/components/code-block.d.ts

@@ -0,0 +1,18 @@
+import type { EditorView as CodeMirror } from '@codemirror/view';
+import { type Ref } from 'vue';
+import type { CodeBlockConfig } from '../../config';
+import type { LanguageInfo } from '../loader';
+export type CodeBlockProps = {
+    text: Ref<string>;
+    selected: Ref<boolean>;
+    getReadOnly: () => boolean;
+    codemirror: CodeMirror;
+    language: Ref<string>;
+    getAllLanguages: () => Array<LanguageInfo>;
+    setLanguage: (language: string) => void;
+    config: Omit<CodeBlockConfig, 'languages' | 'extensions'>;
+    wordWrap: Ref<boolean>;
+    toggleWordWrap: () => void;
+};
+export declare const CodeBlock: import("vue").DefineComponent<CodeBlockProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CodeBlockProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=code-block.d.ts.map

package/lib/code-block/view/components/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../../src/code-block/view/components/code-block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAIhE,OAAO,EAGL,KAAK,GAAG,EAKT,MAAM,KAAK,CAAA;AAEZ,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAU7C,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACjB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,WAAW,EAAE,MAAM,OAAO,CAAA;IAC1B,UAAU,EAAE,UAAU,CAAA;IACtB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACrB,eAAe,EAAE,MAAM,KAAK,CAAC,YAAY,CAAC,CAAA;IAC1C,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,YAAY,CAAC,CAAA;IACzD,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,SAAS,wSA2JpB,CAAA"}

package/lib/code-block/view/components/copy-button.d.ts

@@ -0,0 +1,9 @@
+type CopyButtonProps = {
+    copyText: string;
+    copyIcon: string;
+    onCopy: (text: string) => void;
+    text: string;
+};
+export declare const CopyButton: import("vue").DefineComponent<CopyButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CopyButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export {};
+//# sourceMappingURL=copy-button.d.ts.map

package/lib/code-block/view/components/copy-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../../src/code-block/view/components/copy-button.tsx"],"names":[],"mappings":"AAOA,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AA8CD,eAAO,MAAM,UAAU,0SAqCrB,CAAA"}

package/lib/code-block/view/components/language-picker.d.ts

@@ -0,0 +1,5 @@
+import type { CodeBlockProps } from './code-block';
+type LanguagePickerProps = Pick<CodeBlockProps, 'language' | 'config' | 'setLanguage' | 'getAllLanguages' | 'getReadOnly'>;
+export declare const LanguagePicker: import("vue").DefineComponent<LanguagePickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LanguagePickerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export {};
+//# sourceMappingURL=language-picker.d.ts.map

package/lib/code-block/view/components/language-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"language-picker.d.ts","sourceRoot":"","sources":["../../../../src/code-block/view/components/language-picker.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAOlD,KAAK,mBAAmB,GAAG,IAAI,CAC7B,cAAc,EACd,UAAU,GAAG,QAAQ,GAAG,aAAa,GAAG,iBAAiB,GAAG,aAAa,CAC1E,CAAA;AAED,eAAO,MAAM,cAAc,kTAqNzB,CAAA"}

package/lib/code-block/view/components/preview-panel.d.ts

@@ -0,0 +1,9 @@
+import { type Ref } from 'vue';
+import type { CodeBlockProps } from './code-block';
+type PreviewPanelProps = Pick<CodeBlockProps, 'text' | 'language' | 'config'> & {
+    previewOnlyMode: Ref<boolean>;
+    preview: Ref<string | HTMLElement | null>;
+};
+export declare const PreviewPanel: import("vue").DefineComponent<PreviewPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PreviewPanelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export {};
+//# sourceMappingURL=preview-panel.d.ts.map

package/lib/code-block/view/components/preview-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-panel.d.ts","sourceRoot":"","sources":["../../../../src/code-block/view/components/preview-panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqC,KAAK,GAAG,EAAe,MAAM,KAAK,CAAA;AAE9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAMlD,KAAK,iBAAiB,GAAG,IAAI,CAC3B,cAAc,EACd,MAAM,GAAG,UAAU,GAAG,QAAQ,CAC/B,GAAG;IACF,eAAe,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC7B,OAAO,EAAE,GAAG,CAAC,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC,CAAA;CAC1C,CAAA;AAED,eAAO,MAAM,YAAY,8SA6DvB,CAAA"}

package/lib/code-block/view/index.d.ts

@@ -0,0 +1,3 @@
+import type { NodeViewConstructor } from '@jvs-milkdown/prose/view';
+export declare const codeBlockView: import("@jvs-milkdown/utils").$View<import("@jvs-milkdown/utils").$Node, NodeViewConstructor>;
+//# sourceMappingURL=index.d.ts.map

package/lib/code-block/view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code-block/view/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAUnE,eAAO,MAAM,aAAa,+FAQzB,CAAA"}

package/lib/code-block/view/loader.d.ts

@@ -0,0 +1,13 @@
+import type { LanguageDescription, LanguageSupport } from '@codemirror/language';
+export interface LanguageInfo {
+    name: string;
+    alias: readonly string[];
+}
+export declare class LanguageLoader {
+    private languages;
+    private readonly map;
+    constructor(languages: LanguageDescription[]);
+    getAll(): LanguageInfo[];
+    load(languageName: string): Promise<LanguageSupport | undefined>;
+}
+//# sourceMappingURL=loader.d.ts.map

package/lib/code-block/view/loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../src/code-block/view/loader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEhF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,SAAS,MAAM,EAAE,CAAA;CACzB;AAED,qBAAa,cAAc;IAGb,OAAO,CAAC,SAAS;IAF7B,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAqC;gBAErC,SAAS,EAAE,mBAAmB,EAAE;IAUpD,MAAM,IAAI,YAAY,EAAE;IASxB,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC,eAAe,GAAG,SAAS,CAAC;CAUjE"}

package/lib/code-block/view/node-view.d.ts

@@ -0,0 +1,43 @@
+import type { Node } from '@jvs-milkdown/prose/model';
+import type { EditorView, NodeView } from '@jvs-milkdown/prose/view';
+import { EditorView as CodeMirror } from '@codemirror/view';
+import { type App } from 'vue';
+import type { CodeBlockConfig } from '../config';
+import type { LanguageLoader } from './loader';
+export declare class CodeMirrorBlock implements NodeView {
+    node: Node;
+    view: EditorView;
+    getPos: () => number | undefined;
+    loader: LanguageLoader;
+    config: CodeBlockConfig;
+    dom: HTMLElement;
+    cm: CodeMirror;
+    app: App;
+    selected: import("vue").Ref<boolean, boolean>;
+    language: import("vue").Ref<string, string>;
+    text: import("vue").Ref<string, string>;
+    wordWrap: import("vue").Ref<boolean, boolean>;
+    private updating;
+    private languageName;
+    private disposeSelectedWatcher;
+    private readonly languageConf;
+    private readonly readOnlyConf;
+    private readonly lineWrappingConf;
+    constructor(node: Node, view: EditorView, getPos: () => number | undefined, loader: LanguageLoader, config: CodeBlockConfig);
+    private forwardUpdate;
+    private createApp;
+    private createDom;
+    private updateLanguage;
+    private codeMirrorKeymap;
+    private maybeEscape;
+    setSelection(anchor: number, head: number): void;
+    update(node: Node): boolean;
+    selectNode(): void;
+    deselectNode(): void;
+    stopEvent(): boolean;
+    destroy(): void;
+    setLanguage: (language: string) => void;
+    toggleWordWrap: () => void;
+    getAllLanguages: () => import("./loader").LanguageInfo[];
+}
+//# sourceMappingURL=node-view.d.ts.map

package/lib/code-block/view/node-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-view.d.ts","sourceRoot":"","sources":["../../../src/code-block/view/node-view.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAGpE,OAAO,EACL,UAAU,IAAI,UAAU,EAKzB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,EAA+B,KAAK,GAAG,EAAoB,MAAM,KAAK,CAAA;AAE7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C,qBAAa,eAAgB,YAAW,QAAQ;IAmBrC,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS;IAChC,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,eAAe;IAtBhC,GAAG,EAAE,WAAW,CAAA;IAChB,EAAE,EAAE,UAAU,CAAA;IACd,GAAG,EAAE,GAAG,CAAA;IAER,QAAQ,sCAAa;IACrB,QAAQ,oCAAU;IAClB,IAAI,oCAAU;IACd,QAAQ,sCAAa;IAErB,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,sBAAsB,CAAa;IAE3C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAa;IAC1C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAa;IAC1C,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAa;gBAGrC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS,EAChC,MAAM,EAAE,cAAc,EACtB,MAAM,EAAE,eAAe;IAqChC,OAAO,CAAC,aAAa,CAsBpB;IAED,OAAO,CAAC,SAAS,CAahB;IAED,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,cAAc;IAoBtB,OAAO,CAAC,gBAAgB,CAiDvB;IAED,OAAO,CAAC,WAAW,CAgBlB;IAED,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IASzC,MAAM,CAAC,IAAI,EAAE,IAAI;IA4BjB,UAAU;IAKV,YAAY;IAIZ,SAAS;IAIT,OAAO;IAMP,WAAW,GAAI,UAAU,MAAM,UAQ9B;IAED,cAAc,aAOb;IAED,eAAe,0CAEd;CACF"}

package/lib/image-block/config.d.ts

@@ -0,0 +1,21 @@
+export interface ImageBlockConfig {
+    imageIcon: string | undefined;
+    captionIcon: string | undefined;
+    cropIcon: string | undefined;
+    borderIcon: string | undefined;
+    confirmIcon: string | undefined;
+    cancelIcon: string | undefined;
+    resetCropIcon: string | undefined;
+    uploadButton: string | undefined;
+    confirmButton: string | undefined;
+    uploadPlaceholderText: string;
+    captionPlaceholderText: string;
+    onUpload: (file: File) => Promise<string>;
+    proxyDomURL?: (url: string) => Promise<string> | string;
+    onImageLoadError?: (event: Event) => void | Promise<void>;
+    maxWidth?: number;
+    maxHeight?: number;
+}
+export declare const defaultImageBlockConfig: ImageBlockConfig;
+export declare const imageBlockConfig: import("@jvs-milkdown/utils").$Ctx<ImageBlockConfig, "imageBlockConfigCtx">;
+//# sourceMappingURL=config.d.ts.map

package/lib/image-block/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/image-block/config.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAA;IACjC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAA;IACjC,qBAAqB,EAAE,MAAM,CAAA;IAC7B,sBAAsB,EAAE,MAAM,CAAA;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IACzC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;IACvD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,uBAAuB,EAAE,gBAarC,CAAA;AAED,eAAO,MAAM,gBAAgB,6EAG5B,CAAA"}

package/lib/image-block/convert-plugin.d.ts

@@ -0,0 +1,2 @@
+export declare const imageBlockConvertPlugin: import("@jvs-milkdown/utils").$Prose;
+//# sourceMappingURL=convert-plugin.d.ts.map

package/lib/image-block/convert-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convert-plugin.d.ts","sourceRoot":"","sources":["../../src/image-block/convert-plugin.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,uBAAuB,sCAmIlC,CAAA"}

package/lib/image-block/index.d.ts

@@ -0,0 +1,9 @@
+import type { MilkdownPlugin } from '@jvs-milkdown/ctx';
+export * from './schema';
+export * from './remark-plugin';
+export * from './config';
+export * from './view';
+export * from './paste-rule';
+export * from './convert-plugin';
+export declare const imageBlockComponent: MilkdownPlugin[];
+//# sourceMappingURL=index.d.ts.map

package/lib/image-block/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/image-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AASvD,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAEhC,eAAO,MAAM,mBAAmB,EAAE,cAAc,EAOxC,CAAA"}

package/lib/image-block/index.js

@@ -217,7 +217,7 @@ const imageBlockConvertPlugin = $prose((ctx) => {
     appendTransaction(transactions, _oldState, newState) {
       if (!transactions.some((tr2) => tr2.docChanged)) return null;
       const replacements = [];
-      newState.doc.descendants((node, pos) => {
+      newState.doc.descendants((node) => {
         if (node.type === imageType) ;
       });
       newState.doc.descendants((node, pos) => {
@@ -665,8 +665,11 @@ const ImageViewer = defineComponent({
     const timer = ref(0);
     const showBorderPanel = ref(false);
     const isCropping = ref(false);
-    const displayW = ref(0);
-    const displayH = ref(0);
+    const baseDisplayW = ref(0);
+    const baseDisplayH = ref(0);
+    const liveRatio = ref(null);
+    const localBorderWidth = ref(null);
+    const localBorderColor = ref(null);
     const localCrop = ref({ top: 0, left: 0, width: 1, height: 1 });
     let resizeDir = "";
     let startY = 0;
@@ -682,7 +685,6 @@ const ImageViewer = defineComponent({
       return t > 1e-3 || l > 1e-3 || w < 0.999 || h2 < 0.999;
     };
     const onImageLoad = () => {
-      var _a2;
       const image = imageRef.value;
       if (!image) return;
       const host = image.closest(".milkdown-image-block");
@@ -693,17 +695,16 @@ const ImageViewer = defineComponent({
         maxWidth = config.maxWidth;
       const height = image.naturalHeight;
       const width = image.naturalWidth;
-      let transformedHeight = width < maxWidth ? height : maxWidth * (height / width);
-      if (config.maxHeight && transformedHeight > config.maxHeight)
+      if (!height || !width) return;
+      const aspect = width / height;
+      let transformedWidth = width < maxWidth ? width : maxWidth;
+      let transformedHeight = transformedWidth / aspect;
+      if (config.maxHeight && transformedHeight > config.maxHeight) {
         transformedHeight = config.maxHeight;
-      const h2 = (transformedHeight * ((_a2 = ratio.value) != null ? _a2 : 1)).toFixed(2);
-      image.dataset.origin = transformedHeight.toFixed(2);
-      image.dataset.height = h2;
-      image.style.height = `${h2}px`;
-      if (config.maxWidth) image.style.maxWidth = `${config.maxWidth}px`;
-      const dw = width < maxWidth ? width : maxWidth;
-      displayW.value = dw;
-      displayH.value = parseFloat(h2);
+        transformedWidth = transformedHeight * aspect;
+      }
+      baseDisplayH.value = transformedHeight;
+      baseDisplayW.value = transformedWidth;
     };
     const onToggleCaption = (e) => {
       e.preventDefault();
@@ -729,9 +730,8 @@ const ImageViewer = defineComponent({
       setAttr("caption", value);
     };
     const onResizeHandlePointerMove = (e) => {
+      var _a2;
       e.preventDefault();
-      const image = imageRef.value;
-      if (!image) return;
       const deltaY = e.clientY - startY;
       const deltaX = e.clientX - startX;
       const aspect = startHeight / (startWidth || 1);
@@ -743,39 +743,54 @@ const ImageViewer = defineComponent({
         dhX = -deltaX * aspect;
       }
       const dh = Math.abs(dhX) > Math.abs(dhY) ? dhX : dhY;
-      let height = startHeight + dh;
-      if (height < 20) height = 20;
-      if (config.maxHeight && height > config.maxHeight)
-        height = config.maxHeight;
-      const h2 = Number(height).toFixed(2);
-      image.dataset.height = h2;
-      image.style.height = `${h2}px`;
+      let newWrapperHeight = startHeight + dh;
+      let newWrapperWidth = newWrapperHeight * (startWidth / (startHeight || 1));
+      if (newWrapperHeight < 20) {
+        newWrapperHeight = 20;
+        newWrapperWidth = newWrapperHeight * (startWidth / (startHeight || 1));
+      }
+      if (newWrapperWidth < 20) {
+        newWrapperWidth = 20;
+        newWrapperHeight = newWrapperWidth / (startWidth / (startHeight || 1));
+      }
+      const image = imageRef.value;
+      const host = image == null ? void 0 : image.closest(".milkdown-image-block");
+      const hostWidth = host == null ? void 0 : host.getBoundingClientRect().width;
+      const maxW = config.maxWidth && hostWidth ? Math.min(config.maxWidth, hostWidth) : hostWidth || Infinity;
+      if (newWrapperWidth > maxW) {
+        newWrapperWidth = maxW;
+        newWrapperHeight = newWrapperWidth / (startWidth / (startHeight || 1));
+      }
+      if (config.maxHeight && newWrapperHeight > config.maxHeight) {
+        newWrapperHeight = config.maxHeight;
+      }
+      const cHeight = isCropped() && !isCropping.value ? (_a2 = cropHeight.value) != null ? _a2 : 1 : 1;
+      const newBaseHeight = newWrapperHeight / cHeight;
+      const newRatio = newBaseHeight / (baseDisplayH.value || 1);
+      liveRatio.value = Number(newRatio.toFixed(2));
     };
     const onResizeHandlePointerUp = () => {
       window.removeEventListener("pointermove", onResizeHandlePointerMove);
       window.removeEventListener("pointerup", onResizeHandlePointerUp);
-      const image = imageRef.value;
-      if (!image) return;
-      const originHeight = Number(image.dataset.origin);
-      const currentHeight = Number(image.dataset.height);
-      const ratio2 = Number.parseFloat(
-        Number(currentHeight / originHeight).toFixed(2)
-      );
-      if (Number.isNaN(ratio2)) return;
-      setAttr("ratio", ratio2);
+      if (liveRatio.value !== null) {
+        setAttr("ratio", liveRatio.value);
+        liveRatio.value = null;
+      }
     };
     const onResizeHandlePointerDown = (e, dir) => {
+      var _a2;
       if (readonly.value) return;
       e.preventDefault();
       e.stopPropagation();
       resizeDir = dir;
       startY = e.clientY;
       startX = e.clientX;
-      const image = imageRef.value;
-      if (image) {
-        startHeight = image.getBoundingClientRect().height;
-        startWidth = image.getBoundingClientRect().width;
+      const wrapper = wrapperRef.value;
+      if (wrapper) {
+        startHeight = wrapper.getBoundingClientRect().height;
+        startWidth = wrapper.getBoundingClientRect().width;
       }
+      liveRatio.value = (_a2 = ratio.value) != null ? _a2 : 1;
       window.addEventListener("pointermove", onResizeHandlePointerMove);
       window.addEventListener("pointerup", onResizeHandlePointerUp);
     };
@@ -911,43 +926,63 @@ const ImageViewer = defineComponent({
       cropDragType = "";
     };
     return () => {
-      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
       const currentBorderStyle = (_a2 = borderStyle.value) != null ? _a2 : "none";
-      const currentBorderWidth = (_b = borderWidth.value) != null ? _b : 0;
-      const currentBorderColor = (_c = borderColor.value) != null ? _c : "#000000";
+      const currentBorderWidth = localBorderWidth.value !== null ? localBorderWidth.value : (_b = borderWidth.value) != null ? _b : 0;
+      const currentBorderColor = localBorderColor.value !== null ? localBorderColor.value : (_c = borderColor.value) != null ? _c : "#000000";
       const cTop = (_d = cropTop.value) != null ? _d : 0;
       const cLeft = (_e = cropLeft.value) != null ? _e : 0;
       const cWidth = (_f = cropWidth.value) != null ? _f : 1;
       const cHeight = (_g = cropHeight.value) != null ? _g : 1;
       const cropped = isCropped();
       const borderStyleStr = currentBorderStyle !== "none" && currentBorderWidth > 0 ? `${currentBorderWidth}px ${currentBorderStyle} ${currentBorderColor}` : void 0;
-      const dw = displayW.value;
-      const dh = displayH.value;
-      const imgEl = imageRef.value;
-      const actualW = imgEl ? imgEl.getBoundingClientRect().width : dw;
-      const actualH = imgEl ? imgEl.getBoundingClientRect().height : dh;
-      const baseW = cropped && !isCropping.value && imgEl ? actualW : dw;
-      const baseH = cropped && !isCropping.value && imgEl ? actualH : dh;
+      const currentRatio = liveRatio.value !== null ? liveRatio.value : (_h = ratio.value) != null ? _h : 1;
+      let baseW = baseDisplayW.value * currentRatio;
+      let baseH = baseDisplayH.value * currentRatio;
+      const image = imageRef.value;
+      const host = image == null ? void 0 : image.closest(".milkdown-image-block");
+      const hostWidth = host == null ? void 0 : host.getBoundingClientRect().width;
+      const maxW = config.maxWidth && hostWidth ? Math.min(config.maxWidth, hostWidth) : hostWidth || Infinity;
+      const visibleW = isCropping.value ? baseW : cropped ? baseW * cWidth : baseW;
+      if (visibleW > maxW && maxW > 0) {
+        const scale = maxW / visibleW;
+        baseW = baseW * scale;
+        baseH = baseH * scale;
+      }
       const cropPxW = baseW * cWidth;
       const cropPxH = baseH * cHeight;
       const cropPxL = baseW * cLeft;
       const cropPxT = baseH * cTop;
-      const wrapperStyle = {};
+      const wrapperStyle = {
+        minWidth: "20px",
+        minHeight: "20px",
+        border: !isCropping.value ? borderStyleStr != null ? borderStyleStr : "" : ""
+      };
+      if (cropped && !isCropping.value && cropPxW > 0 && cropPxH > 0) {
+        wrapperStyle.width = `${cropPxW}px`;
+        wrapperStyle.height = `${cropPxH}px`;
+      }
       const cropClipStyle = cropped && !isCropping.value && baseW > 0 && baseH > 0 ? {
         width: `${cropPxW}px`,
         height: `${cropPxH}px`,
         overflow: "hidden"
       } : null;
-      const imgStyle = {};
+      const imgStyle = {
+        minWidth: "0px",
+        minHeight: "0px"
+      };
       if (cropped && !isCropping.value && baseW > 0 && baseH > 0) {
         imgStyle.width = `${baseW}px`;
         imgStyle.height = `${baseH}px`;
         imgStyle.maxWidth = "none";
         imgStyle.marginLeft = `${-cropPxL}px`;
         imgStyle.marginTop = `${-cropPxT}px`;
-        imgStyle.border = borderStyleStr != null ? borderStyleStr : "";
       } else {
-        imgStyle.border = borderStyleStr != null ? borderStyleStr : "";
+        if (baseH > 0 && baseW > 0) {
+          imgStyle.width = `${baseW}px`;
+          imgStyle.height = `${baseH}px`;
+          if (config.maxWidth) imgStyle.maxWidth = `${config.maxWidth}px`;
+        }
       }
       return /* @__PURE__ */ h(Fragment$2, null, !isCropping.value ? /* @__PURE__ */ h(
         "div",
@@ -988,7 +1023,7 @@ const ImageViewer = defineComponent({
               resetCrop();
             }
           },
-          /* @__PURE__ */ h(Icon, { icon: (_h = config.resetCropIcon) != null ? _h : "\u21A9" })
+          /* @__PURE__ */ h(Icon, { icon: (_i = config.resetCropIcon) != null ? _i : "\u21A9" })
         ) : null,
         config.borderIcon ? /* @__PURE__ */ h(
           "div",
@@ -1003,7 +1038,14 @@ const ImageViewer = defineComponent({
           "div",
           {
             class: "setting-panel border-panel",
-            onClick: (e) => e.stopPropagation()
+            draggable: "true",
+            onClick: (e) => e.stopPropagation(),
+            onMousedown: (e) => e.stopPropagation(),
+            onPointerdown: (e) => e.stopPropagation(),
+            onDragstart: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+            }
           },
           /* @__PURE__ */ h("div", { class: "setting-panel-title" }, "\u8FB9\u6846\u8BBE\u7F6E"),
           /* @__PURE__ */ h("div", { class: "setting-row" }, /* @__PURE__ */ h("span", { class: "setting-label" }, "\u6837\u5F0F"), /* @__PURE__ */ h("div", { class: "border-style-options" }, borderStyleOptions.map((opt) => /* @__PURE__ */ h(
@@ -1020,29 +1062,51 @@ const ImageViewer = defineComponent({
           currentBorderStyle !== "none" ? /* @__PURE__ */ h("div", { class: "setting-row" }, /* @__PURE__ */ h("span", { class: "setting-label" }, "\u5BBD\u5EA6"), /* @__PURE__ */ h(
             "input",
             {
+              draggable: "true",
               type: "range",
               min: "1",
               max: "10",
               value: currentBorderWidth,
               onInput: (e) => {
+                const target = e.target;
+                localBorderWidth.value = Number(target.value);
+              },
+              onChange: (e) => {
                 const target = e.target;
                 setAttr("borderWidth", Number(target.value));
+                localBorderWidth.value = null;
               },
               onClick: (e) => e.stopPropagation(),
-              onPointerdown: (e) => e.stopPropagation()
+              onMousedown: (e) => e.stopPropagation(),
+              onPointerdown: (e) => e.stopPropagation(),
+              onDragstart: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+              }
             }
           ), /* @__PURE__ */ h("span", { class: "setting-value" }, currentBorderWidth, "px")) : null,
           currentBorderStyle !== "none" ? /* @__PURE__ */ h("div", { class: "setting-row" }, /* @__PURE__ */ h("span", { class: "setting-label" }, "\u989C\u8272"), /* @__PURE__ */ h(
             "input",
             {
+              draggable: "true",
               type: "color",
               value: currentBorderColor,
               onInput: (e) => {
+                const target = e.target;
+                localBorderColor.value = target.value;
+              },
+              onChange: (e) => {
                 const target = e.target;
                 setAttr("borderColor", target.value);
+                localBorderColor.value = null;
               },
               onClick: (e) => e.stopPropagation(),
-              onPointerdown: (e) => e.stopPropagation()
+              onMousedown: (e) => e.stopPropagation(),
+              onPointerdown: (e) => e.stopPropagation(),
+              onDragstart: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+              }
             }
           )) : null
         ) : null
@@ -1167,7 +1231,7 @@ const ImageViewer = defineComponent({
               applyCrop();
             }
           },
-          /* @__PURE__ */ h(Icon, { icon: (_i = config.confirmIcon) != null ? _i : "\u2713" })
+          /* @__PURE__ */ h(Icon, { icon: (_j = config.confirmIcon) != null ? _j : "\u2713" })
         ), /* @__PURE__ */ h(
           "div",
           {
@@ -1177,7 +1241,7 @@ const ImageViewer = defineComponent({
               cancelCrop();
             }
           },
-          /* @__PURE__ */ h(Icon, { icon: (_j = config.cancelIcon) != null ? _j : "\u2715" })
+          /* @__PURE__ */ h(Icon, { icon: (_k = config.cancelIcon) != null ? _k : "\u2715" })
         ))) : null,
         !isCropping.value ? /* @__PURE__ */ h(Fragment$2, null, /* @__PURE__ */ h(
           "div",