@halo-dev/richtext-editor 0.0.0-alpha.31 → 0.0.0-alpha.32

package/dist/style.css

@@ -20,15 +20,12 @@
   height: 48px;
 }
 .halo-rich-text-editor .editor-content {
-  height: 100%;
   width: 100%;
   position: relative;
 }
 .halo-rich-text-editor .editor-content .ProseMirror {
-  height: 100%;
-  overflow: auto;
   outline: none !important;
-  padding: 15px;
+  padding: 15px 20px;
 }
 .halo-rich-text-editor .editor-content .ProseMirror p {
   margin-top: 0.75em;
@@ -962,6 +959,12 @@ video {
 .w-full {
   width: 100%;
 }
+.flex-1 {
+  flex: 1 1 0%;
+}
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -1048,6 +1051,9 @@ video {
 .overflow-y-auto {
   overflow-y: auto;
 }
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
 .rounded {
   border-radius: 0.25rem;
 }
@@ -1265,10 +1271,6 @@ video {
     display: block !important;
   }
 
-  .sm\:\!w-\[calc\(100\%-18rem\)\] {
-    width: calc(100% - 18rem) !important;
-  }
-
   .sm\:\!justify-center {
     justify-content: center !important;
   }

package/dist/types/index.d.ts

@@ -0,0 +1,117 @@
+import type { Editor, Range } from "@tiptap/core";
+import type { Node, ResolvedPos, Slice } from "@tiptap/pm/model";
+import type { EditorState } from "@tiptap/pm/state";
+import type { EditorView } from "@tiptap/pm/view";
+import type { Component } from "vue";
+export interface ToolbarItem {
+    priority: number;
+    component: Component;
+    props: {
+        editor: Editor;
+        isActive: boolean;
+        disabled?: boolean;
+        icon?: Component;
+        title?: string;
+        action?: () => void;
+    };
+    children?: ToolbarItem[];
+}
+interface BubbleMenuProps {
+    pluginKey?: string;
+    editor?: Editor;
+    shouldShow: (props: {
+        editor: Editor;
+        state: EditorState;
+        node?: HTMLElement;
+        view?: EditorView;
+        oldState?: EditorState;
+        from?: number;
+        to?: number;
+    }) => boolean;
+    tippyOptions?: Record<string, unknown>;
+    getRenderContainer?: (node: HTMLElement) => HTMLElement;
+    defaultAnimation?: boolean;
+}
+export interface NodeBubbleMenu extends BubbleMenuProps {
+    component?: Component;
+    items?: BubbleItem[];
+}
+export interface BubbleItem {
+    priority: number;
+    component?: Component;
+    props?: {
+        isActive?: ({ editor }: {
+            editor: Editor;
+        }) => boolean;
+        visible?: ({ editor }: {
+            editor: Editor;
+        }) => boolean;
+        icon?: Component;
+        iconStyle?: string;
+        title?: string;
+        action?: ({ editor }: {
+            editor: Editor;
+        }) => Component | void;
+    };
+}
+export interface ToolboxItem {
+    priority: number;
+    component: Component;
+    props: {
+        editor: Editor;
+        icon?: Component;
+        title?: string;
+        description?: string;
+        action?: () => void;
+    };
+}
+export interface ExtensionOptions {
+    getToolbarItems?: ({ editor, }: {
+        editor: Editor;
+    }) => ToolbarItem | ToolbarItem[];
+    getCommandMenuItems?: () => CommandMenuItem | CommandMenuItem[];
+    getBubbleMenu?: ({ editor }: {
+        editor: Editor;
+    }) => NodeBubbleMenu;
+    getToolboxItems?: ({ editor, }: {
+        editor: Editor;
+    }) => ToolboxItem | ToolboxItem[];
+    getDraggable?: ({ editor }: {
+        editor: Editor;
+    }) => DraggableItem | boolean;
+}
+export interface CommandMenuItem {
+    priority: number;
+    icon: Component;
+    title: string;
+    keywords: string[];
+    command: ({ editor, range }: {
+        editor: Editor;
+        range: Range;
+    }) => void;
+}
+export interface DragSelectionNode {
+    $pos?: ResolvedPos;
+    node?: Node;
+    el: HTMLElement;
+    nodeOffset?: number;
+    dragDomOffset?: {
+        x?: number;
+        y?: number;
+    };
+}
+export interface DraggableItem {
+    getRenderContainer?: ({ dom, view, }: {
+        dom: HTMLElement;
+        view: EditorView;
+    }) => DragSelectionNode;
+    handleDrop?: ({ view, event, slice, insertPos, node, }: {
+        view: EditorView;
+        event: DragEvent;
+        slice: Slice;
+        insertPos: number;
+        node: Node;
+    }) => boolean | void;
+    allowPropagationDownward?: boolean;
+}
+export {};

package/dist/utils/delete-node.d.ts

@@ -0,0 +1,2 @@
+import type { Editor } from "@tiptap/core";
+export declare const deleteNode: (nodeType: string, editor: Editor) => boolean;

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export * from "./delete-node";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@halo-dev/richtext-editor",
-  "version": "0.0.0-alpha.31",
+  "version": "0.0.0-alpha.32",
   "description": "",
   "files": [
     "dist"