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

move stats from layerui to app component

Browse source
This commit is contained in:
Ryan Di 2023-04-06 16:05:36 +08:00
parent 3fc89b716a
commit dbc48cfee2
4 changed files with 25 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/components/Stats.tsx
View file

@ -1,27 +1,28 @@
import React from "react";
import { getCommonBounds } from "../element/bounds";
import { mutateElement } from "../element/mutateElement";
import {
ExcalidrawElement,
NonDeletedExcalidrawElement,
} from "../element/types";
import { ExcalidrawElement } from "../element/types";
import { t } from "../i18n";
import { KEYS } from "../keys";
import { getTargetElements } from "../scene";
import Scene from "../scene/Scene";
import { AppState, ExcalidrawProps } from "../types";
import { CloseIcon } from "./icons";
import { Island } from "./Island";
import "./Stats.scss";
export const Stats = (props: {
interface StatsProps {
appState: AppState;
scene: Scene;
setAppState: React.Component<any, AppState>["setState"];
elements: readonly NonDeletedExcalidrawElement[];
onClose: () => void;
renderCustomStats: ExcalidrawProps["renderCustomStats"];
}) => {
const boundingBox = getCommonBounds(props.elements);
const selectedElements = getTargetElements(props.elements, props.appState);
}
export const Stats = (props: StatsProps) => {
const elements = props.scene.getNonDeletedElements();
const boundingBox = getCommonBounds(elements);
const selectedElements = getTargetElements(elements, props.appState);
const selectedBoundingBox = getCommonBounds(selectedElements);
const stats =
@ -75,7 +76,7 @@ export const Stats = (props: {
</tr>
<tr>
<td>{t("stats.elements")}</td>
<td>{props.elements.length}</td>
<td>{elements.length}</td>
</tr>
<tr>
<td>{t("stats.width")}</td>
@ -89,7 +90,7 @@ export const Stats = (props: {
{Math.round(boundingBox[3]) - Math.round(boundingBox[1])}
</td>
</tr>
{props.renderCustomStats?.(props.elements, props.appState)}
{props.renderCustomStats?.(elements, props.appState)}
</tbody>
</table>
</div>
@ -127,6 +128,7 @@ export const Stats = (props: {
</div>
<input
id={statsItem.label}
key={statsItem.value}
defaultValue={statsItem.value}
className="color-picker-input"
style={{