smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactor (#862)

Browse source 
* Initial factoring out of parts of the LayerUI component

2360 → 2224 LOC

* Create a Section component

* Break up src/index.tsx

* Refactor actions to reduce duplication, fix CSS

Also consolidate icons

* Move scene/data.ts to its own directory

* Fix accidental reverts, banish further single-character variables

* ACTIVE_ELEM_COLOR → ACTIVE_ELEMENT_COLOR

* Further refactoring the icons file

* Log all errors

* Pointer Event polyfill to make the tests work

* add test hooks & fix tests

Co-authored-by: dwelle <luzar.david@gmail.com>
This commit is contained in:
Jed Fox 2020-03-07 10:20:38 -05:00 • committed by GitHub
parent 1a6431a04a
commit c6a0cfc2b1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
49 changed files with 3498 additions and 3372 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/actions/actionProperties.tsx
View file

@ -1,5 +1,4 @@
import React from "react";
import { Action } from "./types";
import { ExcalidrawElement, ExcalidrawTextElement } from "../element/types";
import {
getCommonAttributeOfSelectedElements,
@ -11,6 +10,7 @@ import { ColorPicker } from "../components/ColorPicker";
import { AppState } from "../../src/types";
import { t } from "../i18n";
import { DEFAULT_FONT } from "../appState";
import { register } from "./register";
const changeProperty = (
elements: readonly ExcalidrawElement[],
@ -39,7 +39,7 @@ const getFormValue = function<T>(
);
};
export const actionChangeStrokeColor: Action = {
export const actionChangeStrokeColor = register({
name: "changeStrokeColor",
perform: (elements, appState, value) => {
return {
@ -68,9 +68,9 @@ export const actionChangeStrokeColor: Action = {
/>
</>
),
};
});
export const actionChangeBackgroundColor: Action = {
export const actionChangeBackgroundColor = register({
name: "changeBackgroundColor",
perform: (elements, appState, value) => {
return {
@ -99,9 +99,9 @@ export const actionChangeBackgroundColor: Action = {
/>
</>
),
};
});
export const actionChangeFillStyle: Action = {
export const actionChangeFillStyle = register({
name: "changeFillStyle",
perform: (elements, appState, value) => {
return {
@ -136,9 +136,9 @@ export const actionChangeFillStyle: Action = {
/>
</fieldset>
),
};
});
export const actionChangeStrokeWidth: Action = {
export const actionChangeStrokeWidth = register({
name: "changeStrokeWidth",
perform: (elements, appState, value) => {
return {
@ -171,9 +171,9 @@ export const actionChangeStrokeWidth: Action = {
/>
</fieldset>
),
};
});
export const actionChangeSloppiness: Action = {
export const actionChangeSloppiness = register({
name: "changeSloppiness",
perform: (elements, appState, value) => {
return {
@ -206,9 +206,9 @@ export const actionChangeSloppiness: Action = {
/>
</fieldset>
),
};
});
export const actionChangeOpacity: Action = {
export const actionChangeOpacity = register({
name: "changeOpacity",
perform: (elements, appState, value) => {
return {
@ -255,9 +255,9 @@ export const actionChangeOpacity: Action = {
/>
</label>
),
};
});
export const actionChangeFontSize: Action = {
export const actionChangeFontSize = register({
name: "changeFontSize",
perform: (elements, appState, value) => {
return {
@ -304,9 +304,9 @@ export const actionChangeFontSize: Action = {
/>
</fieldset>
),
};
});
export const actionChangeFontFamily: Action = {
export const actionChangeFontFamily = register({
name: "changeFontFamily",
perform: (elements, appState, value) => {
return {
@ -352,4 +352,4 @@ export const actionChangeFontFamily: Action = {
/>
</fieldset>
),
};
});