mirror of
https://github.com/excalidraw/excalidraw.git
synced 2025-04-14 16:40:58 -04:00
33016bf6bf
* Separate UI from Canvas * Explicitly define history recording * ActionManager: Set syncActionState during construction instead of in every call * Add commit to history flag to necessary actions * Disable undoing during multiElement * Write custom equality function for UI component to render it only when specific props and elements change * Remove stale comments about history skipping * Stop undo/redoing when in resizing element mode * wip * correctly reset resizingElement & add undo check * Separate selection element from the rest of the array and stop redrawing the UI when dragging the selection * Remove selectionElement from local storage * Remove unnecessary readonly type casting in actionFinalize * Fix undo / redo for multi points * Fix an issue that did not update history when elements were locked * Disable committing to history for noops - deleteSelected without deleting anything - Basic selection * Use generateEntry only inside history and pass elements and appstate to history * Update component after every history resume * Remove last item from the history only if in multi mode * Resume recording when element type is not selection * ensure we prevent hotkeys only on writable elements * Remove selection clearing from history * Remove one point arrows as they are invisibly small * Remove shape of elements from local storage * Fix removing invisible element from the array * add missing history resuming cases & simplify slice * fix lint * don't regenerate elements if no elements deselected * regenerate elements array on selection * reset state.selectionElement unconditionally * Use getter instead of passing appState and scene data through functions to actions * fix import Co-authored-by: David Luzar <luzar.david@gmail.com>
55 lines
1.6 KiB
TypeScript
55 lines
1.6 KiB
TypeScript
import React from "react";
|
|
import { Action } from "./types";
|
|
import { ColorPicker } from "../components/ColorPicker";
|
|
import { getDefaultAppState } from "../appState";
|
|
import { trash } from "../components/icons";
|
|
import { ToolButton } from "../components/ToolButton";
|
|
import { t } from "../i18n";
|
|
|
|
export const actionChangeViewBackgroundColor: Action = {
|
|
name: "changeViewBackgroundColor",
|
|
perform: (_, appState, value) => {
|
|
return { appState: { ...appState, viewBackgroundColor: value } };
|
|
},
|
|
PanelComponent: ({ appState, updateData }) => {
|
|
return (
|
|
<div style={{ position: "relative" }}>
|
|
<ColorPicker
|
|
label={t("labels.canvasBackground")}
|
|
type="canvasBackground"
|
|
color={appState.viewBackgroundColor}
|
|
onChange={color => updateData(color)}
|
|
/>
|
|
</div>
|
|
);
|
|
},
|
|
commitToHistory: () => true,
|
|
};
|
|
|
|
export const actionClearCanvas: Action = {
|
|
name: "clearCanvas",
|
|
commitToHistory: () => true,
|
|
perform: () => {
|
|
return {
|
|
elements: [],
|
|
appState: getDefaultAppState(),
|
|
};
|
|
},
|
|
PanelComponent: ({ updateData }) => (
|
|
<ToolButton
|
|
type="button"
|
|
icon={trash}
|
|
title={t("buttons.clearReset")}
|
|
aria-label={t("buttons.clearReset")}
|
|
onClick={() => {
|
|
if (window.confirm(t("alerts.clearReset"))) {
|
|
// TODO: Defined globally, since file handles aren't yet serializable.
|
|
// Once `FileSystemFileHandle` can be serialized, make this
|
|
// part of `AppState`.
|
|
(window as any).handle = null;
|
|
updateData(null);
|
|
}
|
|
}}
|
|
/>
|
|
),
|
|
};
|