dragon-editor 3.8.7 → 4.0.0

package/dist/runtime/type.d.mts

@@ -1,179 +1,156 @@
-import type { codeToHtml } from "shiki";
+// 컨텐츠 데이터
+export type DEContentData = DEBlockData[];
 
-type DEContentData = DEBlockData[];
+// 컨텐츠 타입
+export type DEBlockData = DETextBlock | DEHeadingBlock | DEListBlock | DEImageBlock | DECodeBlock | DECustomBlock | DEDividerBlock;
 
-type DEBlockData = DETextBlock | DEHeadingBlock | DEListBlock | DEImageBlock | DECodeBlock | DECustomBlock | DEDividerBlock;
+// 블록 타입
+export type DEBlockType = DEBlockData["type"];
 
-type DEIconKind = "plus" | "bold" | "italic" | "underline" | "strikethrough" | "codeblock" | "add-link" | "remove-link" | "image" | "align-center" | "align-left" | "align-right" | "align-justify" | "move-up" | "move-down" | "indent-decrease" | "indent-increase";
+// 리스트 엘리먼트 태그 명
+export type DEListElementName = "ul" | "ol";
 
-type DEDecoration = "bold" | "italic" | "underline" | "strikethrough" | "code";
+// 해딩 테그 레벨
+export type DEHeadingElementLevel = 1 | 2 | 3;
 
-type DETextalign = "left" | "right" | "center" | "justify";
+// 아이콘 종류
+export type DEIconKind = "plus" | "bold" | "italic" | "underline" | "strikethrough" | "codeblock" | "add-link" | "remove-link" | "image" | "align-center" | "align-left" | "align-right" | "align-justify" | "move-up" | "move-down" | "move-first" | "move-last" | "indent-decrease" | "indent-increase";
 
-type DEBlock = "text" | "heading" | "ul" | "ol" | "image" | "code" | "custom";
+// 메뉴용 블럭 추가 타입
+export type DEBlockMenutype = Exclude<DEBlockType, "heading" | "list" | "image"> | "heading1" | "heading2" | "heading3" | "unordered-list" | "ordered-list";
 
-type DEBlockMenutype = "text" | "heading1" | "heading2" | "heading3" | "ul" | "ol" | "image" | "code" | "custom" | "divider";
+// 정렬 종류
+export type DETextalign = "left" | "right" | "center" | "justify";
 
-type DEListStyle = "disc" | "square" | "decimal" | "lower-alpha" | "upper-alpha" | "lower-roman" | "upper-roman";
+// 데코레이션 클레스 종류
+export type DEDecorationClass = "de-bold" | "de-italic" | "de-underline" | "de-strikethrough" | "de-code";
 
-type DECodeblockTheme = "github-light" | "github-dark-dimmed";
-
-type DECodeblockLang = "text" | "csharp" | "c" | "cpp" | "css" | "django" | "dockerfile" | "go" | "html" | "json" | "java" | "javascript" | "typescript" | "kotlin" | "lua" | "markdown" | "nginx" | "php" | "python" | "ruby" | "scss" | "sql" | "shellscript" | "swift" | "yaml";
-
-type DEBlockElement = HTMLParagraphElement | HTMLHeadingElement | HTMLElement | HTMLDivElement;
-
-type DEListElementName = "ul" | "ol";
+// 에디터 컴포넌트
+export interface DragonEditor {
+    addBlock(name: DEBlockMenutype, textContent: string = ""): Promise<void>;
+    addImageBlock(src: string, caption: string = ""): Promise<void>;
+    updateLayout(): void;
+    checkDataIsEmpty(data?: DEContentData): boolean;
+    setDecoration(type: "bold" | "italic" | "underline" | "strikethrough" | "code"): void;
+    setAlign(align: DETextalign): void;
+}
 
-interface DragonEditorStore {
-    cursorData: DEditorCursor | null;
-    message: { [key: string]: string };
-    controlBar: {
-        active: boolean;
-        x: number;
-        y: number;
-        $element: HTMLDivElement | null;
-    };
-    useMenuBar: boolean;
-    imageHostURL: string;
-    screenChangePoint: number;
-    firstData: DEContentData;
-    menuBarTop: number;
-    activeStatus: {
-        addBlockMenu: boolean;
-        anchorInputArea: boolean;
-        imageResizeEvent: boolean;
+// 스토어 구조체
+export interface DragonEditorStore {
+    data: DEContentData;
+    selectedBlockId: string;
+    selectedBlockIndex: number;
+    option: DEOption;
+    status: {
+        isParentOverflowHidden: boolean;
+        isImageResizeActive: boolean;
+        anchorHerf: string;
+        menuTop: number;
     };
-    eventStatus: {
-        imageResizeEventStartX: number;
-        imageResizeEventType: "right" | "left";
-        imageResizeEventEndX: number;
-        imageResizeCurrentWidth: number;
+    cursorSelection: null | Selection;
+    cursorRange: null | Range;
+    fn: {
+        updateEditorData: ((data: DEContentData) => void) | null;
+        uploadImage: ((files: File[]) => void) | null;
     };
-    controlStatus: {
-        isMobile: boolean;
-        hasTransformParent: boolean;
-        hasHiddenStyleParent: boolean;
-        anchorValidation: boolean;
-        currentBlockType: DEBlock;
-        codeBlockTheme: DECodeblockTheme;
-        codeBlockLang: DECodeblockLang;
-        listBlockStyle: DEListStyle;
-        anchorTabType: "url" | "heading";
-        anchorHeadingList: DEHeadingItem[];
-        anchorHref: string;
-        previousCorsorData: DEditorCursor | null;
-        $anchorInput: HTMLInputElement | null;
-        $currentBlock: HTMLDivElement | null;
-        $transformElement: HTMLElement | null;
+    element: {
+        editor: null | HTMLDivElement;
+        body: null | HTMLDivElement;
+        scrollParentElement: HTMLElement | Window | null;
     };
-    codeToHtml: codeToHtml;
-    codeBlockTheme: DECodeItem<DECodeblockTheme>[];
-    listUlType: DECodeItem<DEListStyle>[];
-    listOlType: DECodeItem<DEListStyle>[];
-    $editor: HTMLDivElement | null;
-    $body: HTMLDivElement | null;
-    $controlBar: HTMLDivElement | null;
-    $parentWrap: HTMLElement | Window | null;
-    windowClickEvent(event: MouseEvent): void;
-    windowResizeEvent(event: Event): void;
-    windowMouseUpEvent(event: MouseEvent): void;
-    parentWrapScollEvent(event: Event): void;
-    emit: {
-        (e: "update:modelValue", data: DEContentData): void;
-        (e: "uploadImageEvent", file: File): void;
-    };
-}
-
-interface DEditorCursor {
-    type: "Range" | "Caret" | "None";
-    startNode: Node;
-    startOffset: number;
-    endNode: Node;
-    endOffset: number;
-}
-
-interface DEArrangeCursorData {
-    startNode: Node;
-    startNodeIdx: number;
-    startOffset: number;
-    endNode: Node;
-    endNodeIdx: number;
-    endOffset: number;
+    codeBlockLnaguageList: { [key: string]: string };
 }
 
-interface DECodeItem<T = string> {
-    text: string;
-    code: T;
+// 스토어용 에디터 옵션
+export interface DEOption {
+    mediaHostURL: string;
+    isMobile: boolean;
+    codeBlockSpaces: number;
+    acceptImageFormat: string;
+    anchorTagTarget: string;
 }
 
-interface DEHeadingItem {
-    name: string;
+// 컨텐츠 블럭 타입
+export interface DETextBlock {
     id: string;
-}
-
-// 컴포넌트 메서드용 타입
-interface DragonEditor {
-    addBlock: (type: DEBlockData) => void;
-    setDecoration: (data: DEDecoration) => void;
-    setTextAlign: (type: DETextalign) => void;
-    changeEditorData: (data: DEContentData) => void;
-    updateLayout: () => void;
-    checkDataEmpty: (data?: DEContentData) => boolean;
-}
-
-interface DETextBlock {
     type: "text";
     classList: string[];
     depth?: number;
     textContent: string;
 }
 
-interface DEHeadingBlock {
-    type: "heading";
-    level: number;
+// 컨텐츠 해딩 타입
+export interface DEHeadingBlock {
     id: string;
-    depth?: number;
+    type: "heading";
     classList: string[];
+    level: DEHeadingElementLevel;
+    depth?: number;
     textContent: string;
 }
 
-interface DEListItem {
+// 컨텐츠 리스트 자식 타입
+export interface DEListItem {
+    id: string;
     classList: string[];
+    depth?: number;
     textContent: string;
 }
 
-interface DEListBlock {
+// 컨텐츠 리스트 타입
+export interface DEListBlock {
+    id: string;
     type: "list";
     element: DEListElementName;
-    depth?: number;
-    style: DEListStyle;
     child: DEListItem[];
 }
 
-interface DEImageBlock {
+// 컨텐츠 이미지 타입
+export interface DEImageBlock {
+    id: string;
     type: "image";
+    classList: string[];
     maxWidth: number;
     src: string;
-    width: number;
-    height: number;
     caption: string;
-    classList: string[];
 }
 
-interface DECodeBlock {
+// 컨텐츠 코드 블럭 타입
+export interface DECodeBlock {
+    id: string;
     type: "code";
-    language: DECodeblockLang;
-    theme: DECodeblockTheme;
+    language: string;
     filename: string;
     textContent: string;
 }
 
-interface DECustomBlock {
+// 컨텐츠 커스텀 타입
+export interface DECustomBlock {
+    id: string;
     type: "custom";
-    classList: string[];
     textContent: string;
 }
 
-interface DEDividerBlock {
+// 컨텐츠 구분선 타입
+export interface DEDividerBlock {
+    id: string;
     type: "divider";
 }
+
+// 멀티라인 포지션
+export interface DELinePosition {
+    curruntLine: number;
+    lineCount: number;
+}
+
+// 커서 포지션
+export interface DECurSorPosition {
+    isStart: boolean;
+    isEnd: boolean;
+}
+
+// 커서 오프샛
+export interface DECursorOffset {
+    nodeIndex: number;
+    offset: number;
+}

package/dist/runtime/utils/data/block.d.ts

@@ -0,0 +1,20 @@
+import type { DEContentData, DETextBlock, DEHeadingBlock, DEHeadingElementLevel, DEBlockType, DEBlockMenutype, DECodeBlock, DEImageBlock, DEDividerBlock, DECustomBlock, DEBlockData } from "../../type.d.mts.js";
+export declare function _arrangementContentData(data: DEContentData): DEContentData;
+export declare function _createTextBlockData(textContent?: string): DETextBlock;
+export declare function _createHeadingBlockData(level: DEHeadingElementLevel, textContent?: string): DEHeadingBlock;
+export declare function _createListBlockData(element: DEListElementName, childList?: DEListItem[]): DEListBlock;
+export declare function _createListBlockChildData(textContent?: string, depth?: number): DEListItem;
+export declare function _createImageBlockData(src: string, caption?: string, useHost?: boolean): DEImageBlock;
+export declare function _createCodeBlockData(language?: string, textContent?: string, filename?: string): DECodeBlock;
+export declare function _createDividerBlockData(): DEDividerBlock;
+export declare function _createCustomBlockData(textContent?: string): DECustomBlock;
+export declare function _getBlockType($block: HTMLElement): DEBlockType;
+export declare function _addBlock(name: DEBlockMenutype, textContent?: string): Promise<void>;
+export declare function _addImageBlock(src: string, caption?: string): Promise<void>;
+export declare function _convertMarkdownToEditor(textDataList: string[]): Promise<DEBlockData[]>;
+export declare function _moveBlockIndex(duration: "first" | "up" | "down" | "last"): Promise<void>;
+export declare function _checkCanUseIndent(): boolean;
+export declare function _setIndentData(type: "decrease" | "increase"): Promise<void>;
+export declare function _checkCanUseAlign(): boolean;
+export declare function _checkCanUseDecoration(): boolean;
+export declare function _checkDataIsEmpty(data?: DEContentData): boolean;