fix: graphics info card precision issue

F-star · Oct 28, 2024 · 273c00a · 273c00a
1 parent 6b5a8de
commit 273c00a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/core/src/graphics/graphics/graphics.ts b/packages/core/src/graphics/graphics/graphics.ts
@@ -672,7 +672,13 @@ export class SuikaGraphics<ATTRS extends GraphicsAttrs = GraphicsAttrs> {
     this.setWorldTransform(newWoldTf);
   }
 
-  getInfoPanelAttrs() {
+  getInfoPanelAttrs(): {
+    label: string;
+    key: string;
+    value: number;
+    uiType: string;
+    suffixValue?: string;
+  }[] {
     const size = this.getTransformedSize();
     const pos = this.getWorldPosition();
     return [

diff --git a/packages/suika/src/components/Cards/ElementsInfoCard/ElementsInfoCard.tsx b/packages/suika/src/components/Cards/ElementsInfoCard/ElementsInfoCard.tsx
@@ -25,6 +25,7 @@ interface IAttr {
   key: string;
   value: number | string;
   uiType: string;
+  precision?: number;
 }
 
 export const ElementsInfoCards: FC = () => {
@@ -42,6 +43,10 @@ export const ElementsInfoCards: FC = () => {
         for (const el of items) {
           const attrs = el.getInfoPanelAttrs();
           for (const attr of attrs) {
+            if (attr.uiType === 'number') {
+              const precision = 2;
+              attr.value = remainDecimal(attr.value, precision);
+            }
             const label = attr.label;
             if (!map.has(label)) {
               map.set(label, attr);