reactjs-tiptap-editor-pro 0.2.30 → 0.2.31

package/src/extensions/Iframe/components/IframeNodeView.tsx

@@ -4,10 +4,10 @@ import { NodeViewWrapper } from '@tiptap/react';
 import clsx from 'clsx';
 import { Resizable } from 're-resizable';
 
-// import { getEditorContainerDOMSize } from '@/utils'
-import { Button, Input } from '@/components/ui';
-import { Iframe } from '@/extensions/Iframe/Iframe';
-import { useEditableEditor } from '@/store/editableEditor';
+// import { getEditorContainerDOMSize } from 'reactjs-tiptap-editor-pro/utils'
+import { Button, Input } from 'reactjs-tiptap-editor-pro/components/ui';
+import { Iframe } from 'reactjs-tiptap-editor-pro/extensions/Iframe/Iframe';
+import { useEditableEditor } from 'reactjs-tiptap-editor-pro/store/editableEditor';
 
 import styles from './index.module.scss';
 

package/src/extensions/Image/Image.ts

@@ -4,10 +4,10 @@ import TiptapImage from '@tiptap/extension-image';
 import { Plugin } from '@tiptap/pm/state';
 import { ReactNodeViewRenderer } from '@tiptap/react';
 
-import ActionImageButton from '@/extensions/Image/components/ActionImageButton';
-import ImageView from '@/extensions/Image/components/ImageView';
-import { UploadImagesPlugin, createImageUpload, handleImageDrop, handleImagePaste } from '@/plugins/image-upload';
-import type { GeneralOptions } from '@/types';
+import ActionImageButton from 'reactjs-tiptap-editor-pro/extensions/Image/components/ActionImageButton';
+import ImageView from 'reactjs-tiptap-editor-pro/extensions/Image/components/ImageView';
+import { UploadImagesPlugin, createImageUpload, handleImageDrop, handleImagePaste } from 'reactjs-tiptap-editor-pro/plugins/image-upload';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
 
 export interface SetImageAttrsOptions {
   src?: string

package/src/extensions/Image/components/ActionImageButton.tsx

@@ -1,13 +1,13 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
 
-import { ActionButton, Button, Checkbox, Input, Label, Tabs, TabsContent, TabsList, TabsTrigger } from '@/components';
-import { Dialog, DialogContent, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
-import { ImageCropper } from '@/extensions/Image/components/ImageCropper';
-import Image from '@/extensions/Image/Image';
-import { actionDialogImage } from '@/extensions/Image/store';
-import { useLocale } from '@/locales';
-import { listenEvent } from '@/utils/customEvents/customEvents';
-import { EVENTS } from '@/utils/customEvents/events.constant';
+import { ActionButton, Button, Checkbox, Input, Label, Tabs, TabsContent, TabsList, TabsTrigger } from 'reactjs-tiptap-editor-pro/components';
+import { Dialog, DialogContent, DialogTitle, DialogTrigger } from 'reactjs-tiptap-editor-pro/components/ui/dialog';
+import { ImageCropper } from 'reactjs-tiptap-editor-pro/extensions/Image/components/ImageCropper';
+import Image from 'reactjs-tiptap-editor-pro/extensions/Image/Image';
+import { actionDialogImage } from 'reactjs-tiptap-editor-pro/extensions/Image/store';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
+import { listenEvent } from 'reactjs-tiptap-editor-pro/utils/customEvents/customEvents';
+import { EVENTS } from 'reactjs-tiptap-editor-pro/utils/customEvents/events.constant';
 
 function ActionImageButton(props: any) {
   const { t } = useLocale();

package/src/extensions/Image/components/ImageCropper.tsx

@@ -5,18 +5,18 @@ import ReactCrop, {
   type PixelCrop,
 } from 'react-image-crop';
 
-import { IconComponent } from '@/components';
-import { Button } from '@/components/ui/button';
+import { IconComponent } from 'reactjs-tiptap-editor-pro/components';
+import { Button } from 'reactjs-tiptap-editor-pro/components/ui/button';
 import {
   Dialog,
   DialogContent,
   DialogFooter,
   DialogTitle,
   DialogTrigger,
-} from '@/components/ui/dialog';
-import { Image as ExtensionImage } from '@/extensions';
-import { useLocale } from '@/locales';
-import { dataURLtoFile, readImageAsBase64 } from '@/utils/file';
+} from 'reactjs-tiptap-editor-pro/components/ui/dialog';
+import { Image as ExtensionImage } from 'reactjs-tiptap-editor-pro/extensions';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
+import { dataURLtoFile, readImageAsBase64 } from 'reactjs-tiptap-editor-pro/utils/file';
 
 export function ImageCropper({ editor, imageInline, onClose }: any) {
   const { t } = useLocale();

package/src/extensions/Image/components/ImageView.tsx

@@ -5,7 +5,7 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { NodeViewWrapper } from '@tiptap/react';
 import { clamp, isNumber, throttle } from 'lodash-es';
 
-import { IMAGE_MAX_SIZE, IMAGE_MIN_SIZE, IMAGE_THROTTLE_WAIT_TIME } from '@/constants';
+import { IMAGE_MAX_SIZE, IMAGE_MIN_SIZE, IMAGE_THROTTLE_WAIT_TIME } from 'reactjs-tiptap-editor-pro/constants';
 
 interface Size {
   width: number

package/src/extensions/Image/store.ts

@@ -1,6 +1,6 @@
-import { useStoreUploadImage } from '@/store/store';
-import { dispatchEvent } from '@/utils/customEvents/customEvents';
-import { EVENTS } from '@/utils/customEvents/events.constant';
+import { useStoreUploadImage } from 'reactjs-tiptap-editor-pro/store/store';
+import { dispatchEvent } from 'reactjs-tiptap-editor-pro/utils/customEvents/customEvents';
+import { EVENTS } from 'reactjs-tiptap-editor-pro/utils/customEvents/events.constant';
 
 export function useDialogImage() {
   const [v] = useStoreUploadImage(store => store.value);

package/src/extensions/ImageGif/ImageGif.ts

@@ -3,8 +3,8 @@ import type { ImageOptions } from '@tiptap/extension-image';
 import TiptapImage from '@tiptap/extension-image';
 import { ReactNodeViewRenderer } from '@tiptap/react';
 
-import ImageGifActionButton from '@/extensions/ImageGif/components/ImageGifActionButton';
-import ImageGifView from '@/extensions/ImageGif/components/ImageGifView';
+import ImageGifActionButton from 'reactjs-tiptap-editor-pro/extensions/ImageGif/components/ImageGifActionButton';
+import ImageGifView from 'reactjs-tiptap-editor-pro/extensions/ImageGif/components/ImageGifView';
 
 export interface SetImageAttrsOptions {
   src?: string

package/src/extensions/ImageGif/components/ImageGifActionButton.tsx

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 
 import { debounce } from 'lodash-es';
 
-import { ActionButton, Input, Popover, PopoverContent, PopoverTrigger } from '@/components';
+import { ActionButton, Input, Popover, PopoverContent, PopoverTrigger } from 'reactjs-tiptap-editor-pro/components';
 
 interface IProps {
   showClear?: boolean

package/src/extensions/ImageGif/components/ImageGifView.tsx

@@ -5,7 +5,7 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { NodeViewWrapper } from '@tiptap/react';
 import { clamp, isNumber, throttle } from 'lodash-es';
 
-import { IMAGE_MAX_SIZE, IMAGE_MIN_SIZE, IMAGE_THROTTLE_WAIT_TIME } from '@/constants';
+import { IMAGE_MAX_SIZE, IMAGE_MIN_SIZE, IMAGE_THROTTLE_WAIT_TIME } from 'reactjs-tiptap-editor-pro/constants';
 
 interface Size {
   width: number

package/src/extensions/ImportWord/ImportWord.ts

@@ -2,9 +2,9 @@
 import type { default as Mammoth } from 'mammoth';
 
 import { Extension } from '@tiptap/core';
-import type { GeneralOptions } from '@/types';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
 
-import ImportWordButton from '@/extensions/ImportWord/components/ImportWordButton';
+import ImportWordButton from 'reactjs-tiptap-editor-pro/extensions/ImportWord/components/ImportWordButton';
 
 export interface ImportWordOptions extends GeneralOptions<ImportWordOptions> {
   /** Function for converting Word files to HTML */

package/src/extensions/ImportWord/components/ImportWordButton.tsx

@@ -3,9 +3,9 @@ import { useRef, useState } from 'react';
 import type { Editor } from '@tiptap/core';
 import mammoth from 'mammoth';
 
-import { ActionButton, useToast } from '@/components';
-import { useLocale } from '@/locales';
-import { hasExtension } from '@/utils/utils';
+import { ActionButton, useToast } from 'reactjs-tiptap-editor-pro/components';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
+import { hasExtension } from 'reactjs-tiptap-editor-pro/utils/utils';
 
 function base64ToBlob(base64: any, mimeType: any) {
   const byteCharacters = atob(base64.split(',')[1]);

package/src/extensions/Indent/Indent.ts

@@ -1,9 +1,9 @@
 import { Extension } from '@tiptap/core';
 import type { Editor } from '@tiptap/core';
 
-import { ActionButton } from '@/components';
-import type { GeneralOptions } from '@/types';
-import { IndentProps, createIndentCommand } from '@/utils/indent';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
+import { IndentProps, createIndentCommand } from 'reactjs-tiptap-editor-pro/utils/indent';
 
 export interface IndentOptions extends GeneralOptions<IndentOptions> {
   types: string[]

package/src/extensions/Italic/Italic.ts

@@ -2,8 +2,8 @@ import type { Editor } from '@tiptap/core';
 import type { ItalicOptions as TiptapItalicOptions } from '@tiptap/extension-italic';
 import TiptapItalic from '@tiptap/extension-italic';
 
-import { ActionButton } from '@/components';
-import type { GeneralOptions } from '@/types';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
 
 export interface ItalicOptions extends TiptapItalicOptions, GeneralOptions<ItalicOptions> {}
 

package/src/extensions/Katex/Katex.ts

@@ -1,8 +1,8 @@
 import { Node, mergeAttributes, nodeInputRule } from '@tiptap/core';
 import { ReactNodeViewRenderer } from '@tiptap/react';
 
-import KatexActiveButton from '@/extensions/Katex/components/KatexActiveButton';
-import { KatexWrapper } from '@/extensions/Katex/components/KatexWrapper';
+import KatexActiveButton from 'reactjs-tiptap-editor-pro/extensions/Katex/components/KatexActiveButton';
+import { KatexWrapper } from 'reactjs-tiptap-editor-pro/extensions/Katex/components/KatexWrapper';
 
 export interface IKatexAttrs {
   text?: string

package/src/extensions/Katex/components/KatexActiveButton.tsx

@@ -3,12 +3,12 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import katex from 'katex';
 import { HelpCircle } from 'lucide-react';
 
-import { ActionButton, Button, Label, Popover, PopoverContent, PopoverTrigger } from '@/components';
-import { Textarea } from '@/components/ui/textarea';
-import type { IKatexAttrs } from '@/extensions/Katex/Katex';
-import { Katex } from '@/extensions/Katex/Katex';
-import { useAttributes } from '@/hooks/useAttributes';
-import { useLocale } from '@/locales';
+import { ActionButton, Button, Label, Popover, PopoverContent, PopoverTrigger } from 'reactjs-tiptap-editor-pro/components';
+import { Textarea } from 'reactjs-tiptap-editor-pro/components/ui/textarea';
+import type { IKatexAttrs } from 'reactjs-tiptap-editor-pro/extensions/Katex/Katex';
+import { Katex } from 'reactjs-tiptap-editor-pro/extensions/Katex/Katex';
+import { useAttributes } from 'reactjs-tiptap-editor-pro/hooks/useAttributes';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
 
 function KatexActiveButton({ editor, ...props }: any) {
   const { t } = useLocale();

package/src/extensions/Katex/components/KatexWrapper.tsx

@@ -3,8 +3,8 @@ import { useMemo } from 'react';
 import { NodeViewWrapper } from '@tiptap/react';
 
 import katex from 'katex';
-import { useTheme } from '@/theme/theme';
-import { convertColorToRGBA } from '@/utils/color';
+import { useTheme } from 'reactjs-tiptap-editor-pro/theme/theme';
+import { convertColorToRGBA } from 'reactjs-tiptap-editor-pro/utils/color';
 
 export function KatexWrapper({ node }: any) {
   const theme = useTheme();

package/src/extensions/LineHeight/LineHeight.ts

@@ -1,10 +1,10 @@
 import { Extension } from '@tiptap/core';
 import type { Editor } from '@tiptap/core';
 
-import { DEFAULT_LINE_HEIGHT, DEFAULT_LINE_HEIGHT_LIST } from '@/constants';
-import LineHeightDropdown from '@/extensions/LineHeight/components/LineHeightDropdown';
-import type { GeneralOptions } from '@/types';
-import { createLineHeightCommand } from '@/utils/line-height';
+import { DEFAULT_LINE_HEIGHT, DEFAULT_LINE_HEIGHT_LIST } from 'reactjs-tiptap-editor-pro/constants';
+import LineHeightDropdown from 'reactjs-tiptap-editor-pro/extensions/LineHeight/components/LineHeightDropdown';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
+import { createLineHeightCommand } from 'reactjs-tiptap-editor-pro/utils/line-height';
 
 export interface LineHeightOptions extends GeneralOptions<LineHeightOptions> {
   types: string[]

package/src/extensions/LineHeight/components/LineHeightDropdown.tsx

@@ -7,9 +7,9 @@ import {
   DropdownMenuContent,
   DropdownMenuTrigger,
   IconComponent,
-} from '@/components';
-import { useLocale } from '@/locales';
-import type { ButtonViewReturnComponentProps } from '@/types';
+} from 'reactjs-tiptap-editor-pro/components';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
+import type { ButtonViewReturnComponentProps } from 'reactjs-tiptap-editor-pro/types';
 
 interface IPropsLineHeightDropdown {
   editor: any

package/src/extensions/Link/Link.ts

@@ -4,8 +4,8 @@ import { Link as TiptapLink } from '@tiptap/extension-link';
 import { Plugin, TextSelection } from '@tiptap/pm/state';
 import type { EditorView } from '@tiptap/pm/view';
 
-import LinkEditPopover from '@/extensions/Link/components/LinkEditPopover';
-import type { GeneralOptions } from '@/types';
+import LinkEditPopover from 'reactjs-tiptap-editor-pro/extensions/Link/components/LinkEditPopover';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
 
 export interface LinkOptions extends TiptapLinkOptions, GeneralOptions<LinkOptions> {}
 

package/src/extensions/Link/components/LinkEditBlock.tsx

@@ -3,8 +3,8 @@
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import React, { useEffect, useState } from 'react';
 
-import { Button, IconComponent, Input, Label, Switch } from '@/components';
-import { useLocale } from '@/locales';
+import { Button, IconComponent, Input, Label, Switch } from 'reactjs-tiptap-editor-pro/components';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
 
 interface IPropsLinkEditBlock {
   editor: any

package/src/extensions/Link/components/LinkEditPopover.tsx

@@ -1,8 +1,8 @@
 import { useState } from 'react';
 
-import { ActionButton, IconComponent, Popover, PopoverContent, PopoverTrigger } from '@/components';
-import LinkEditBlock from '@/extensions/Link/components/LinkEditBlock';
-import type { ButtonViewReturnComponentProps } from '@/types';
+import { ActionButton, IconComponent, Popover, PopoverContent, PopoverTrigger } from 'reactjs-tiptap-editor-pro/components';
+import LinkEditBlock from 'reactjs-tiptap-editor-pro/extensions/Link/components/LinkEditBlock';
+import type { ButtonViewReturnComponentProps } from 'reactjs-tiptap-editor-pro/types';
 
 interface IPropsLinkEditPopover {
   editor: any

package/src/extensions/Link/components/LinkViewBlock.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 
 import { truncate } from 'lodash-es';
 
-import { ActionButton, Separator } from '@/components';
-import { useLocale } from '@/locales';
+import { ActionButton, Separator } from 'reactjs-tiptap-editor-pro/components';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
 
 interface IPropsLinkViewBlock {
   editor: any

package/src/extensions/Mention/Mention.ts

@@ -1,10 +1,10 @@
 import BulitInMention from '@tiptap/extension-mention';
 // import { getMentionUser } from 'services/user'
-// import { MentionList } from '@/wrappers/mention-list'
+// import { MentionList } from 'reactjs-tiptap-editor-pro/wrappers/mention-list'
 import { ReactRenderer } from '@tiptap/react';
 import tippy from 'tippy.js';
-import { getDatasetAttribute } from '@/utils/dom-dataset';
-import { NodeViewMentionList } from '@/extensions/Mention/components/NodeViewMentionList/NodeViewMentionList';
+import { getDatasetAttribute } from 'reactjs-tiptap-editor-pro/utils/dom-dataset';
+import { NodeViewMentionList } from 'reactjs-tiptap-editor-pro/extensions/Mention/components/NodeViewMentionList/NodeViewMentionList';
 
 const MOCK_USERS = [
   {

package/src/extensions/Mermaid/Mermaid.ts

@@ -4,9 +4,9 @@ import { mergeAttributes } from '@tiptap/core';
 import TiptapImage from '@tiptap/extension-image';
 import { ReactNodeViewRenderer } from '@tiptap/react';
 
-import { MermaidActiveButton } from '@/extensions/Mermaid/components/MermaidActiveButton';
-import { NodeViewMermaid } from '@/extensions/Mermaid/components/NodeViewMermaid/NodeViewMermaid';
-import type { GeneralOptions } from '@/types';
+import { MermaidActiveButton } from 'reactjs-tiptap-editor-pro/extensions/Mermaid/components/MermaidActiveButton';
+import { NodeViewMermaid } from 'reactjs-tiptap-editor-pro/extensions/Mermaid/components/NodeViewMermaid/NodeViewMermaid';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {

package/src/extensions/Mermaid/components/EditMermaidBlock.tsx

@@ -6,12 +6,12 @@ import mermaid from 'mermaid';
 // @ts-ignore
 import svg64 from 'svg64';
 
-import { ActionButton } from '@/components/ActionButton';
-import { Button } from '@/components/ui';
-import { Dialog, DialogContent, DialogFooter, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
-import { Textarea } from '@/components/ui/textarea';
-import { dataURLtoFile } from '@/utils/file';
-import { shortId } from '@/utils/shortId';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components/ActionButton';
+import { Button } from 'reactjs-tiptap-editor-pro/components/ui';
+import { Dialog, DialogContent, DialogFooter, DialogTitle, DialogTrigger } from 'reactjs-tiptap-editor-pro/components/ui/dialog';
+import { Textarea } from 'reactjs-tiptap-editor-pro/components/ui/textarea';
+import { dataURLtoFile } from 'reactjs-tiptap-editor-pro/utils/file';
+import { shortId } from 'reactjs-tiptap-editor-pro/utils/shortId';
 
 interface IProps {
   editor: Editor, attrs?: any, extension?: any

package/src/extensions/Mermaid/components/MermaidActiveButton.tsx

@@ -6,12 +6,12 @@ import mermaid from 'mermaid';
 // @ts-ignore
 import svg64 from 'svg64';
 
-import { ActionButton } from '@/components/ActionButton';
-import { Button } from '@/components/ui';
-import { Dialog, DialogContent, DialogFooter, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
-import { Textarea } from '@/components/ui/textarea';
-import { dataURLtoFile } from '@/utils/file';
-import { shortId } from '@/utils/shortId';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components/ActionButton';
+import { Button } from 'reactjs-tiptap-editor-pro/components/ui';
+import { Dialog, DialogContent, DialogFooter, DialogTitle, DialogTrigger } from 'reactjs-tiptap-editor-pro/components/ui/dialog';
+import { Textarea } from 'reactjs-tiptap-editor-pro/components/ui/textarea';
+import { dataURLtoFile } from 'reactjs-tiptap-editor-pro/utils/file';
+import { shortId } from 'reactjs-tiptap-editor-pro/utils/shortId';
 
 interface IProps {
   editor: Editor, upload?: any

package/src/extensions/Mermaid/components/NodeViewMermaid/NodeViewMermaid.tsx

@@ -6,8 +6,8 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { NodeViewWrapper, isNumber } from '@tiptap/react';
 import { throttle } from 'lodash-es';
 
-import { IMAGE_MAX_SIZE, IMAGE_MIN_SIZE, IMAGE_THROTTLE_WAIT_TIME } from '@/constants';
-import { clamp } from '@/utils/utils';
+import { IMAGE_MAX_SIZE, IMAGE_MIN_SIZE, IMAGE_THROTTLE_WAIT_TIME } from 'reactjs-tiptap-editor-pro/constants';
+import { clamp } from 'reactjs-tiptap-editor-pro/utils/utils';
 
 interface Size {
   width: number

package/src/extensions/MoreMark/MoreMark.ts

@@ -5,9 +5,9 @@ import { Subscript as TiptapSubscript } from '@tiptap/extension-subscript';
 import type { SuperscriptExtensionOptions as TiptapSuperscriptOptions } from '@tiptap/extension-superscript';
 import { Superscript as TiptapSuperscript } from '@tiptap/extension-superscript';
 
-import type { Item } from '@/extensions/MoreMark/components/ActionMoreButton';
-import ActionMoreButton from '@/extensions/MoreMark/components/ActionMoreButton';
-import type { GeneralOptions } from '@/types';
+import type { Item } from 'reactjs-tiptap-editor-pro/extensions/MoreMark/components/ActionMoreButton';
+import ActionMoreButton from 'reactjs-tiptap-editor-pro/extensions/MoreMark/components/ActionMoreButton';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
 
 export interface MoreMarkOptions extends GeneralOptions<MoreMarkOptions> {
   /**

package/src/extensions/MoreMark/components/ActionMoreButton.tsx

@@ -8,9 +8,9 @@ import {
   DropdownMenuTrigger,
   IconComponent,
   MenuDown,
-} from '@/components';
-import type { ButtonViewReturnComponentProps } from '@/types';
-import { getShortcutKeys } from '@/utils/plateform';
+} from 'reactjs-tiptap-editor-pro/components';
+import type { ButtonViewReturnComponentProps } from 'reactjs-tiptap-editor-pro/types';
+import { getShortcutKeys } from 'reactjs-tiptap-editor-pro/utils/plateform';
 
 export interface Item {
   title: string

package/src/extensions/MultiColumn/MultiColumn.ts

@@ -1,7 +1,7 @@
 import { Node, mergeAttributes } from '@tiptap/core';
 
 import { TextSelection } from '@tiptap/pm/state';
-import { addOrDeleteCol, createColumns, gotoCol } from '@/utils/columns';
+import { addOrDeleteCol, createColumns, gotoCol } from 'reactjs-tiptap-editor-pro/utils/columns';
 
 export const EXTENSION_PRIORITY_HIGHEST = 200;
 

package/src/extensions/MultiColumn/components/ColumnActionButton.ts

@@ -1,6 +1,6 @@
 import { Extension } from '@tiptap/core';
 
-import { ActionButton } from '@/components';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components';
 
 export const ColumnActionButton = Extension.create<any>({
   name: 'columnActionButton',

package/src/extensions/OrderedList/OrderedList.ts

@@ -1,8 +1,8 @@
 import type { OrderedListOptions as TiptapOrderedListOptions } from '@tiptap/extension-ordered-list';
 import { OrderedList as TiptapOrderedList } from '@tiptap/extension-ordered-list';
 
-import { ActionButton } from '@/components';
-import type { GeneralOptions } from '@/types';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
 
 export interface OrderedListOptions
   extends TiptapOrderedListOptions,

package/src/extensions/SearchAndReplace/SearchAndReplace.ts

@@ -6,10 +6,10 @@ import { Plugin, PluginKey } from '@tiptap/pm/state';
 import { Decoration, DecorationSet } from '@tiptap/pm/view';
 import scrollIntoView from 'scroll-into-view-if-needed';
 
-import SearchAndReplaceButton from '@/extensions/SearchAndReplace/components/SearchAndReplaceButton';
-import type { GeneralOptions } from '@/types';
-import { dispatchEvent } from '@/utils/customEvents/customEvents';
-import { EVENTS } from '@/utils/customEvents/events.constant';
+import SearchAndReplaceButton from 'reactjs-tiptap-editor-pro/extensions/SearchAndReplace/components/SearchAndReplaceButton';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
+import { dispatchEvent } from 'reactjs-tiptap-editor-pro/utils/customEvents/customEvents';
+import { EVENTS } from 'reactjs-tiptap-editor-pro/utils/customEvents/events.constant';
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {

package/src/extensions/SearchAndReplace/components/SearchAndReplaceButton.tsx

@@ -2,11 +2,11 @@ import React, { useEffect, useState } from 'react';
 
 import deepEqual from 'deep-equal';
 
-import { ActionButton, Button, IconComponent, Input, Label, Popover, PopoverContent, PopoverTrigger, Switch } from '@/components';
-import {  SearchAndReplace } from '@/extensions/SearchAndReplace/SearchAndReplace';
-import { useLocale } from '@/locales';
-import { listenEvent } from '@/utils/customEvents/customEvents';
-import { EVENTS } from '@/utils/customEvents/events.constant';
+import { ActionButton, Button, IconComponent, Input, Label, Popover, PopoverContent, PopoverTrigger, Switch } from 'reactjs-tiptap-editor-pro/components';
+import {  SearchAndReplace } from 'reactjs-tiptap-editor-pro/extensions/SearchAndReplace/SearchAndReplace';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
+import { listenEvent } from 'reactjs-tiptap-editor-pro/utils/customEvents/customEvents';
+import { EVENTS } from 'reactjs-tiptap-editor-pro/utils/customEvents/events.constant';
 
 function SearchAndReplaceButton({ editor, ...props }: any) {
   const { t } = useLocale();

package/src/extensions/SlashCommand/SlashCommand.ts

@@ -6,7 +6,7 @@ import type { SuggestionKeyDownProps, SuggestionProps } from '@tiptap/suggestion
 import Suggestion from '@tiptap/suggestion';
 import tippy from 'tippy.js';
 
-import CommandsList from '@/extensions/SlashCommand/components/CommandsList';
+import CommandsList from 'reactjs-tiptap-editor-pro/extensions/SlashCommand/components/CommandsList';
 
 import { renderGroups } from './groups';
 import { type Group } from './types';

package/src/extensions/SlashCommand/components/CommandsList.tsx

@@ -7,9 +7,9 @@ import React, {
   useState,
 } from 'react';
 
-import { IconComponent } from '@/components';
-import { cn } from '@/lib/utils';
-import { useLocale } from '@/locales';
+import { IconComponent } from 'reactjs-tiptap-editor-pro/components';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
 
 function CommandsList(props: any, ref: any) {
   // 选中的索引

package/src/extensions/SlashCommand/groups.ts

@@ -1,9 +1,9 @@
 import type { Extensions } from '@tiptap/core';
 
-import { Image, Video, type HeadingOptions } from '@/extensions';
-import { actionDialogImage } from '@/extensions/Image/store';
-import { actionDialogVideo } from '@/extensions/Video/store';
-import { localeActions } from '@/locales';
+import { Image, Video, type HeadingOptions } from 'reactjs-tiptap-editor-pro/extensions';
+import { actionDialogImage } from 'reactjs-tiptap-editor-pro/extensions/Image/store';
+import { actionDialogVideo } from 'reactjs-tiptap-editor-pro/extensions/Video/store';
+import { localeActions } from 'reactjs-tiptap-editor-pro/locales';
 
 import type { SlashCommandOptions } from './SlashCommand';
 import type { Group } from './types';

package/src/extensions/Strike/Strike.ts

@@ -1,8 +1,8 @@
 import type { StrikeOptions as TiptapStrikeOptions } from '@tiptap/extension-strike';
 import { Strike as TiptapStrike } from '@tiptap/extension-strike';
 
-import { ActionButton } from '@/components';
-import type { GeneralOptions } from '@/types';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
 
 export interface StrikeOptions extends TiptapStrikeOptions, GeneralOptions<StrikeOptions> {}
 

package/src/extensions/Subscript/Subscript.ts

@@ -5,8 +5,8 @@ import { Subscript as TiptapSubscript } from '@tiptap/extension-subscript';
 import type { SuperscriptExtensionOptions as TiptapSuperscriptOptions } from '@tiptap/extension-superscript';
 import { Superscript as TiptapSuperscript } from '@tiptap/extension-superscript';
 
-import { ActionButton } from '@/components';
-import type { ButtonViewReturn, GeneralOptions } from '@/types';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components';
+import type { ButtonViewReturn, GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
 
 /**
  * Represents the interface for subscript and superscript options, extending GeneralOptions.

package/src/extensions/Table/Table.ts

@@ -3,8 +3,8 @@ import type { TableCellOptions } from '@tiptap/extension-table-cell';
 import type { TableHeaderOptions } from '@tiptap/extension-table-header';
 import type { TableRowOptions } from '@tiptap/extension-table-row';
 
-import TableActionButton from '@/extensions/Table/components/TableActionButton';
-import type { GeneralOptions } from '@/types';
+import TableActionButton from 'reactjs-tiptap-editor-pro/extensions/Table/components/TableActionButton';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
 
 import { TableCell } from './Cell';
 import { TableCellBackground } from './cell-background';

package/src/extensions/Table/components/CreateTablePopover.tsx

@@ -1,12 +1,12 @@
 import React, { useState } from 'react';
 
-import { Popover, PopoverContent, PopoverTrigger } from '@/components';
+import { Popover, PopoverContent, PopoverTrigger } from 'reactjs-tiptap-editor-pro/components';
 import {
   TABLE_DEFAULT_SELECTED_GRID_SIZE,
   TABLE_INIT_GRID_SIZE,
   TABLE_MAX_GRID_SIZE,
-} from '@/constants';
-import { isMobile } from '@/utils/is-mobile';
+} from 'reactjs-tiptap-editor-pro/constants';
+import { isMobile } from 'reactjs-tiptap-editor-pro/utils/is-mobile';
 
 const createArray = (length: number) => Array.from({ length }).map((_, index) => index + 1);
 

package/src/extensions/Table/components/TableActionButton.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import { ActionButton } from '@/components';
-import CreateTablePopover from '@/extensions/Table/components/CreateTablePopover';
-import type { ButtonViewReturnComponentProps } from '@/types';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components';
+import CreateTablePopover from 'reactjs-tiptap-editor-pro/extensions/Table/components/CreateTablePopover';
+import type { ButtonViewReturnComponentProps } from 'reactjs-tiptap-editor-pro/types';
 
 interface IPropsTableActionButton {
   editor: any