mirror of
https://github.com/makeplane/plane
synced 2025-08-07 19:59:33 +00:00
Compare commits
1 Commits
fix-sub-wo
...
fix/image-
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
9bee4bbb0f |
@@ -1,7 +1,7 @@
|
|||||||
import React, { useRef, useState, useCallback, useLayoutEffect, useEffect } from "react";
|
import React, { useRef, useState, useCallback, useLayoutEffect, useEffect } from "react";
|
||||||
import { NodeSelection } from "@tiptap/pm/state";
|
import { NodeSelection } from "@tiptap/pm/state";
|
||||||
// extensions
|
// extensions
|
||||||
import { CustoBaseImageNodeViewProps, ImageToolbarRoot } from "@/extensions/custom-image";
|
import { CustomBaseImageNodeViewProps, ImageToolbarRoot } from "@/extensions/custom-image";
|
||||||
// helpers
|
// helpers
|
||||||
import { cn } from "@/helpers/common";
|
import { cn } from "@/helpers/common";
|
||||||
|
|
||||||
@@ -37,7 +37,7 @@ const ensurePixelString = <TDefault,>(value: Pixel | TDefault | number | undefin
|
|||||||
return value;
|
return value;
|
||||||
};
|
};
|
||||||
|
|
||||||
type CustomImageBlockProps = CustoBaseImageNodeViewProps & {
|
type CustomImageBlockProps = CustomBaseImageNodeViewProps & {
|
||||||
imageFromFileSystem: string;
|
imageFromFileSystem: string;
|
||||||
setFailedToLoadImage: (isError: boolean) => void;
|
setFailedToLoadImage: (isError: boolean) => void;
|
||||||
editorContainer: HTMLDivElement | null;
|
editorContainer: HTMLDivElement | null;
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ import { Editor, NodeViewProps, NodeViewWrapper } from "@tiptap/react";
|
|||||||
// extensions
|
// extensions
|
||||||
import { CustomImageBlock, CustomImageUploader, ImageAttributes } from "@/extensions/custom-image";
|
import { CustomImageBlock, CustomImageUploader, ImageAttributes } from "@/extensions/custom-image";
|
||||||
|
|
||||||
export type CustoBaseImageNodeViewProps = {
|
export type CustomBaseImageNodeViewProps = {
|
||||||
getPos: () => number;
|
getPos: () => number;
|
||||||
editor: Editor;
|
editor: Editor;
|
||||||
node: NodeViewProps["node"] & {
|
node: NodeViewProps["node"] & {
|
||||||
@@ -13,7 +13,7 @@ export type CustoBaseImageNodeViewProps = {
|
|||||||
selected: boolean;
|
selected: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
export type CustomImageNodeProps = NodeViewProps & CustoBaseImageNodeViewProps;
|
export type CustomImageNodeProps = NodeViewProps & CustomBaseImageNodeViewProps;
|
||||||
|
|
||||||
export const CustomImageNode = (props: CustomImageNodeProps) => {
|
export const CustomImageNode = (props: CustomImageNodeProps) => {
|
||||||
const { getPos, editor, node, updateAttributes, selected } = props;
|
const { getPos, editor, node, updateAttributes, selected } = props;
|
||||||
|
|||||||
@@ -5,9 +5,9 @@ import { cn } from "@/helpers/common";
|
|||||||
// hooks
|
// hooks
|
||||||
import { useUploader, useDropZone, uploadFirstImageAndInsertRemaining } from "@/hooks/use-file-upload";
|
import { useUploader, useDropZone, uploadFirstImageAndInsertRemaining } from "@/hooks/use-file-upload";
|
||||||
// extensions
|
// extensions
|
||||||
import { CustoBaseImageNodeViewProps, getImageComponentImageFileMap } from "@/extensions/custom-image";
|
import { CustomBaseImageNodeViewProps, getImageComponentImageFileMap } from "@/extensions/custom-image";
|
||||||
|
|
||||||
type CustomImageUploaderProps = CustoBaseImageNodeViewProps & {
|
type CustomImageUploaderProps = CustomBaseImageNodeViewProps & {
|
||||||
maxFileSize: number;
|
maxFileSize: number;
|
||||||
loadImageFromFileSystem: (file: string) => void;
|
loadImageFromFileSystem: (file: string) => void;
|
||||||
failedToLoadImage: boolean;
|
failedToLoadImage: boolean;
|
||||||
|
|||||||
Reference in New Issue
Block a user