base animation

src/pages/editor/store/editorStore.ts

@@ -42,6 +42,7 @@ export type {
   DocumentSettings,
   DisplayStyle,
   BackgroundType,
+  EntranceAnimationType,
 } from "./editorStore.types";
 
 type PageBackgroundSettings = Pick<

src/pages/editor/store/editorStore.types.ts

@@ -1,6 +1,17 @@
 import type { ShapeType } from "./shapeStore";
 import type { FillType, LinearGradient } from "../utils/gradient";
 
+/** انیمیشن ورود (نمایش) شیء در viewer، مشابه PowerPoint */
+export type EntranceAnimationType =
+  | "none"
+  | "fade"
+  | "flyInLeft"
+  | "flyInRight"
+  | "flyInTop"
+  | "flyInBottom"
+  | "zoomIn"
+  | "zoomOut";
+
 export type ToolType =
   | "select"
   | "rectangle"
@@ -70,6 +81,10 @@ export type EditorObject = {
   maskId?: string;
   maskInvert?: boolean;
   groupId?: string;
+  /** نحوهٔ ظاهر شدن در نمایشگر؛ پیش‌فرض بدون انیمیشن */
+  entranceAnimation?: EntranceAnimationType;
+  /** مدت انیمیشن ورود به میلی‌ثانیه (پیش‌فرض ۶۰۰) */
+  entranceDurationMs?: number;
 };
 
 export type PageGuide = {