queenshow/src/modules/editor/objects/Elements/page.ts

import { CompBase } from "./base";
import { HistoryController } from "./history";
import { utils } from "./utils";

export type PageValue = {
  music: string;
};

export type CardValue = {
  test: number;
};

export class CompCard extends CompBase<CardValue> {
  override onCreated(): void {
    this.compKey = "StreamCard";
    this.state.size = [750, 300];
    this.state.position = "relative";
  }

  override init(): void {
    super.init();

    this.state.children.forEach((c) => {
      c.on("transformChange", () => {
        this.extendHeight();
      });
    });
  }

  addComp(comp: CompBase<any>) {
    const childrens = this.state.children.slice(0);
    childrens.push(comp);
    this.state.setChildren(childrens);
    this.extendHeight();
    comp.on("transformChange", ()=>{
        this.extendHeight();
    })
  }
  
  extendHeight() {
    const childrens = this.state.children;
    let maxH = 0,
      n = childrens.length;
    while (n--) {
      const c = childrens[n];
      const aabb = c.getLocalBounds();
      maxH = Math.max(maxH, aabb.y + aabb.height);
    }
    if (childrens.length < 1) {
      maxH = 200;
    }
    this.state.setSize([this.state.size[0], maxH]);
  }
}

export class CompPage extends CompBase<PageValue> {
  override onCreated(): void {
    this.state.position = "relative";
    this.state.bgColor = "#ffffff";
    this.compKey = "Page";
    this.state.size = [750, -1]; //默认设置一页的高度
  }

  insertCard(srcCardId: string, card: CompCard) {
    const state = this.state;
    const children = state.children.slice(0);
    let childs = children.map((item) => item.id);
    const index = childs.indexOf(srcCardId) + 1;
    children.splice(index, 0, card);
    state.setChildren(children);
    return index;
  }

  removeCard(srcCardId: string) {
    const state = this.state;
    const children = state.children.slice(0);
    let childs = children.map((item) => item.id);
    const index = childs.indexOf(srcCardId);
    children.splice(index, 1);
    state.setChildren(children);
    return index;
  }

  switchCard(fromIndex: number, toIndex: number) {
    console.log("switch");
  }
}

export function createPage(histry: HistoryController) {
  const obj = new CompPage({ music: "" });
  obj.state.children.push(createCard(histry)); //默认有一页卡片
  obj.init();

  obj.setHistory(histry);

  return obj;
}

export function createCard(histry: HistoryController) {
  const obj = new CompCard({ test: 1 });
  obj.init();

  obj.setHistory(histry);
  return obj;
}