@ctzhian/tiptap 1.5.2 → 1.5.4

package/dist/themes/light.d.ts

@@ -0,0 +1,84 @@
+declare const light: {
+    primary: {
+        main: string;
+        contrastText: string;
+    };
+    secondary: {
+        main: string;
+        lighter: string;
+        light: string;
+        dark: string;
+        darker: string;
+        contrastText: string;
+    };
+    info: {
+        main: string;
+        lighter: string;
+        light: string;
+        dark: string;
+        darker: string;
+        contrastText: string;
+    };
+    success: {
+        main: string;
+        lighter: string;
+        light: string;
+        dark: string;
+        darker: string;
+        contrastText: string;
+    };
+    warning: {
+        main: string;
+        lighter: string;
+        light: string;
+        dark: string;
+        darker: string;
+        contrastText: string;
+    };
+    neutral: {
+        main: string;
+        contrastText: string;
+    };
+    error: {
+        main: string;
+        lighter: string;
+        light: string;
+        dark: string;
+        darker: string;
+        contrastText: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        disabled: string;
+        slave: string;
+        inverse: string;
+        inverseAuxiliary: string;
+        inverseDisabled: string;
+    };
+    divider: string;
+    background: {
+        default: string;
+        paper: string;
+        paper2: string;
+        paper3: string;
+    };
+    shadows: string;
+    table: {
+        head: {
+            backgroundColor: string;
+            color: string;
+        };
+        row: {
+            hoverColor: string;
+        };
+        cell: {
+            borderColor: string;
+        };
+    };
+    charts: {
+        color: string[];
+    };
+};
+export default light;

package/dist/themes/light.js

@@ -0,0 +1,84 @@
+var light = {
+  primary: {
+    main: '#3248F2',
+    contrastText: '#fff'
+  },
+  secondary: {
+    main: '#3366FF',
+    lighter: '#D6E4FF',
+    light: '#84A9FF',
+    dark: '#1939B7',
+    darker: '#091A7A',
+    contrastText: '#fff'
+  },
+  info: {
+    main: '#0063FF',
+    lighter: '#D0F2FF',
+    light: '#74CAFF',
+    dark: '#0C53B7',
+    darker: '#04297A',
+    contrastText: '#fff'
+  },
+  success: {
+    main: '#82DDAF',
+    lighter: '#E9FCD4',
+    light: '#AAF27F',
+    dark: '#229A16',
+    darker: '#08660D',
+    contrastText: 'rgba(0,0,0,0.7)'
+  },
+  warning: {
+    main: '#FEA145',
+    lighter: '#FFF7CD',
+    light: '#FFE16A',
+    dark: '#B78103',
+    darker: '#7A4F01',
+    contrastText: 'rgba(0,0,0,0.7)'
+  },
+  neutral: {
+    main: '#FFFFFF',
+    contrastText: 'rgba(0, 0, 0, 0.60)'
+  },
+  error: {
+    main: '#FE4545',
+    lighter: '#FFE7D9',
+    light: '#FFA48D',
+    dark: '#B72136',
+    darker: '#7A0C2E',
+    contrastText: '#FFFFFF'
+  },
+  text: {
+    primary: '#171c19',
+    secondary: '#3f4441',
+    tertiary: '#717572',
+    disabled: '#6e7781',
+    slave: 'rgba(33,34,35,0.3)',
+    inverse: '#FFFFFF',
+    inverseAuxiliary: 'rgba(255,255,255,0.5)',
+    inverseDisabled: 'rgba(255,255,255,0.15)'
+  },
+  divider: '#ECEEF1',
+  background: {
+    default: '#FFFFFF',
+    paper: '#FFFFFF',
+    paper2: '#F1F2F8',
+    paper3: '#F8F9FA'
+  },
+  shadows: 'rgba(68, 80 ,91, 0.1)',
+  table: {
+    head: {
+      backgroundColor: '#FFFFFF',
+      color: '#000'
+    },
+    row: {
+      hoverColor: '#F8F9FA'
+    },
+    cell: {
+      borderColor: '#ECEEF1'
+    }
+  },
+  charts: {
+    color: ['#673AB7', '#36B37E']
+  }
+};
+export default light;

package/dist/themes/palette.d.ts

@@ -0,0 +1,92 @@
+import { type ThemeColor } from './color';
+import { type ThemeMode } from './themeContext';
+export default function themePalette(color: ThemeColor, mode: Omit<ThemeMode, 'system'>): {
+    mode: Omit<string, "system">;
+    common: {
+        black: string;
+        white: string;
+    };
+    primary: {
+        main: string;
+        contrastText: string;
+    };
+    secondary: {
+        main: string;
+        lighter: string;
+        light: string;
+        dark: string;
+        darker: string;
+        contrastText: string;
+    };
+    info: {
+        main: string;
+        lighter: string;
+        light: string;
+        dark: string;
+        darker: string;
+        contrastText: string;
+    };
+    success: {
+        main: string;
+        lighter: string;
+        light: string;
+        dark: string;
+        darker: string;
+        contrastText: string;
+    };
+    warning: {
+        main: string;
+        lighter: string;
+        light: string;
+        dark: string;
+        darker: string;
+        contrastText: string;
+    };
+    neutral: {
+        main: string;
+        contrastText: string;
+    };
+    error: {
+        main: string;
+        lighter: string;
+        light: string;
+        dark: string;
+        darker: string;
+        contrastText: string;
+    };
+    divider: string;
+    text: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        disabled: string;
+        slave: string;
+        inverse: string;
+        inverseAuxiliary: string;
+        inverseDisabled: string;
+    };
+    background: {
+        default: string;
+        paper: string;
+        paper2: string;
+        paper3: string;
+    };
+    table: {
+        head: {
+            backgroundColor: string;
+            color: string;
+        };
+        row: {
+            hoverColor: string;
+        };
+        cell: {
+            borderColor: string;
+        };
+    };
+    charts: {
+        color: string[];
+    };
+    action: {
+        selectedOpacity: number;
+    };
+};

package/dist/themes/palette.js

@@ -0,0 +1,24 @@
+export default function themePalette(color, mode) {
+  return {
+    mode: mode,
+    common: {
+      black: '#000',
+      white: '#fff'
+    },
+    primary: color.primary,
+    secondary: color.secondary,
+    info: color.info,
+    success: color.success,
+    warning: color.warning,
+    neutral: color.neutral,
+    error: color.error,
+    divider: color.divider,
+    text: color.text,
+    background: color.background,
+    table: color.table,
+    charts: color.charts,
+    action: {
+      selectedOpacity: 0.3
+    }
+  };
+}

package/dist/themes/shadows.d.ts

@@ -0,0 +1,2 @@
+import { type ThemeColor } from './color';
+export default function shadows(color: ThemeColor): string[];

package/dist/themes/shadows.js

@@ -0,0 +1,3 @@
+export default function shadows(color) {
+  return ["0px 12px 24px -4px ".concat(color.shadows, ",0px 0px 2px 0px ").concat(color.shadows), "0px 12px 24px -4px ".concat(color.shadows, ",0px 0px 2px 0px ").concat(color.shadows), "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.12),0px 1px 5px 0px rgba(0,0,0,0.12)", "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.12),0px 1px 8px 0px rgba(0,0,0,0.12)", "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.12),0px 1px 10px 0px rgba(0,0,0,0.12)", "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.12),0px 1px 14px 0px rgba(0,0,0,0.12)", "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.12),0px 1px 18px 0px rgba(0,0,0,0.12)", "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.12),0px 2px 16px 1px rgba(0,0,0,0.12)", "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.12),0px 3px 14px 2px rgba(0,0,0,0.12)", "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.12),0px 3px 16px 2px rgba(0,0,0,0.12)", "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.12),0px 4px 18px 3px rgba(0,0,0,0.12)", "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.12),0px 4px 20px 3px rgba(0,0,0,0.12)", "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.12),0px 5px 22px 4px rgba(0,0,0,0.12)", "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.12),0px 5px 24px 4px rgba(0,0,0,0.12)", "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.12),0px 5px 26px 4px rgba(0,0,0,0.12)", "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.12),0px 6px 28px 5px rgba(0,0,0,0.12)", "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.12),0px 6px 30px 5px rgba(0,0,0,0.12)", "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.12),0px 6px 32px 5px rgba(0,0,0,0.12)", "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.12),0px 7px 34px 6px rgba(0,0,0,0.12)", "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.12),0px 7px 36px 6px rgba(0,0,0,0.12)", "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.12),0px 8px 38px 7px rgba(0,0,0,0.12)", "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.12),0px 8px 40px 7px rgba(0,0,0,0.12)", "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.12),0px 8px 42px 7px rgba(0,0,0,0.12)", "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.12),0px 9px 44px 8px rgba(0,0,0,0.12)", "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.12),0px 9px 46px 8px rgba(0,0,0,0.12)"];
+}

package/dist/themes/themeContext.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export type ThemeMode = 'dark' | 'light' | 'system' | string;
+export interface ThemeContextProps {
+    mode: ThemeMode;
+    setThemeMode(mode: ThemeMode): void;
+}
+declare const ThemeContext: import("react").Context<ThemeContextProps>;
+export default ThemeContext;

package/dist/themes/themeContext.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+var ThemeContext = /*#__PURE__*/createContext({});
+export default ThemeContext;

package/dist/themes/typography.d.ts

@@ -0,0 +1,6 @@
+export default function themeTypography(): {
+    fontFamily: string;
+    body1: {
+        fontSize: string;
+    };
+};

package/dist/themes/typography.js

@@ -0,0 +1,8 @@
+export default function themeTypography() {
+  return {
+    fontFamily: 'inherit',
+    body1: {
+      fontSize: '14px'
+    }
+  };
+}

package/dist/type/index.d.ts

@@ -0,0 +1,121 @@
+/// <reference types="react" />
+import { PopoverOrigin, SxProps, Theme } from '@mui/material';
+import { Editor, Extension } from '@tiptap/core';
+import { YoutubeOptions } from '@tiptap/extension-youtube';
+export type { Editor } from '@tiptap/react';
+export interface MenuItem {
+    label?: React.ReactNode;
+    customLabel?: React.ReactNode;
+    icon?: React.ReactNode;
+    extra?: React.ReactNode;
+    selected?: boolean;
+    attrs?: Record<string, unknown>;
+    children?: MenuItem[];
+    textSx?: SxProps<Theme>;
+    key: number | string;
+    minWidth?: number;
+    maxHeight?: number;
+    onClick?: () => void;
+}
+export interface MenuProps {
+    id?: string;
+    arrowIcon?: React.ReactNode;
+    list: MenuItem[];
+    header?: React.ReactNode;
+    context?: React.ReactElement<{
+        onClick?: any;
+        'aria-describedby'?: any;
+    }>;
+    anchorOrigin?: PopoverOrigin;
+    transformOrigin?: PopoverOrigin;
+    childrenProps?: {
+        anchorOrigin?: PopoverOrigin;
+        transformOrigin?: PopoverOrigin;
+    };
+}
+export type ToolbarItemType = {
+    id: string;
+    icon?: React.ReactNode;
+    label?: string;
+    tip?: string;
+    shortcutKey?: string[];
+    className?: string;
+    disabled?: boolean;
+    onClick?: () => void;
+};
+export type UploadFunction = (file: File, onProgress?: (event: {
+    progress: number;
+}) => void, abortSignal?: AbortSignal) => Promise<string>;
+export type TipType = 'error' | 'success' | 'info' | 'warning';
+export type OnTipFunction = (type: TipType, tip: string) => void;
+export type EditorProps = {
+    editor: Editor;
+    menuInDragHandle?: MenuItem[];
+    menuInBubbleMenu?: MenuItem[];
+    height?: number | string;
+    onTip?: OnTipFunction;
+};
+export type TocItem = {
+    id: string;
+    isActive: boolean;
+    isScrolledOver: boolean;
+    itemIndex: number;
+    level: number;
+    originalLevel: number;
+    pos: number;
+    textContent: string;
+};
+export type TocList = TocItem[];
+export type EditorFnProps = {
+    onError?: (error: Error) => void;
+    onUpload?: UploadFunction;
+    onTocUpdate?: (toc: TocList) => void;
+};
+export type MentionItems = string[];
+export type MentionExtensionProps = {
+    mentionItems?: MentionItems;
+    onMentionFilter?: ({ query }: {
+        query: string;
+    }) => Promise<MentionItems>;
+};
+export type ExtensionRelativeProps = MentionExtensionProps & EditorFnProps & {
+    limit?: number | null;
+    exclude?: string[];
+    extensions?: Extension[];
+    editable: boolean;
+    youtube?: Partial<YoutubeOptions>;
+};
+export type UseTiptapProps = {
+    onSave?: (editor: Editor) => void;
+} & ExtensionRelativeProps;
+export type GetExtensionsProps = ExtensionRelativeProps;
+export type UseTiptapReturn = {
+    editor: Editor;
+    getText: () => string;
+    getHTML: () => string;
+    getJSON: () => any;
+    getMarkdownByJSON: () => string;
+};
+export interface SlashCommandItem {
+    title: string;
+    icon: React.ReactNode;
+    command: (props: {
+        editor: Editor;
+        range: {
+            from: number;
+            to: number;
+        };
+    }) => void;
+    attrs?: Record<string, unknown>;
+    children?: SlashCommandItem[];
+}
+export interface SlashCommandsListProps {
+    items: SlashCommandItem[];
+    command: (item: SlashCommandItem) => void;
+    editor: Editor;
+}
+export interface SlashCommandsListRef {
+    onKeyDown: (props: {
+        event: KeyboardEvent;
+    }) => boolean;
+}

package/dist/type/index.js

@@ -0,0 +1 @@
+export {};

package/dist/types/images.d.ts

@@ -0,0 +1,19 @@
+declare module '*.png' {
+  const value: string
+  export default value
+}
+
+declare module '*.jpg' {
+  const value: string
+  export default value
+}
+
+declare module '*.jpeg' {
+  const value: string
+  export default value
+}
+
+declare module '*.svg' {
+  const value: string
+  export default value
+}

package/dist/util/decorations.d.ts

@@ -0,0 +1,22 @@
+import { Node as PMNode } from '@tiptap/pm/model';
+import { DecorationSet } from '@tiptap/pm/view';
+import { DiffItem, ProseMirrorNode } from './structuredDiff';
+/**
+ * 根据差异数组创建装饰集合
+ * @param {Array} diffs - 差异数组
+ * @param {Object} doc - ProseMirror文档
+ * @returns {DecorationSet} 装饰集合
+ */
+export declare function createDecorationsFromDiffs(diffs: DiffItem[], doc: PMNode): DecorationSet;
+/**
+ * 创建空的装饰集合
+ * @param {Object} doc - ProseMirror文档
+ * @returns {DecorationSet} 空装饰集合
+ */
+export declare function createEmptyDecorationSet(doc: PMNode): DecorationSet;
+/**
+ * 获取节点大小（包含子节点）
+ * @param {Object} node - ProseMirror节点
+ * @returns {number} 节点大小
+ */
+export declare function getNodeSize(node: ProseMirrorNode): number;