poster-design/src/pinia/design/widget/actions/select.ts

import { useControlStore, useHistoryStore, usePageStore } from "@/pinia"
import { TWidgetStore } from ".."

export type TSelectWidgetData = {
  uuid: string
}

// TODO: 选中元件与取消选中
export function selectWidget(store: TWidgetStore, { uuid }: TSelectWidgetData) {
  const controlStore = useControlStore()
  const pageStore = usePageStore()
  const historyStore = useHistoryStore()

  const alt = controlStore.dAltDown
  const selectWidgets = store.dSelectWidgets
  const widget = store.dWidgets.find((item) => item.uuid === uuid)
  

  if (!widget) return
  if (alt) {
    if (uuid !== '-1' && widget.parent === '-1') {
      // && !widget.isContainer
      if (selectWidgets.length === 0) {
        if (store.dActiveElement && store.dActiveElement.uuid !== '-1') {
          selectWidgets.push(store.dActiveElement)
        }
      }
      const index = selectWidgets.findIndex((item) => {
        return item.uuid === uuid
      })
      // 如果已经存在则取消选择，否则加入选取
      if (index !== -1) {
        selectWidgets.splice(index, 1)
        if (selectWidgets.length === 0) {
          store.dActiveElement = pageStore.dPage
        }
      } else {
        selectWidgets.push(widget)
      }
      if (selectWidgets.length === 1) {
        store.dActiveElement = selectWidgets[0]
        store.dSelectWidgets = []
      }
    }
    return
  }
  store.dSelectWidgets = []
  if (uuid === '-1') {
    store.dActiveElement = pageStore.dPage
    const pageHistory = historyStore.dPageHistory
    if (pageHistory.length === 0) {
      pageHistory.push(JSON.stringify(pageStore.dPage))
    }
    setTimeout(() => {
      store.dSelectWidgets = []
    }, 10)
  } else {
    // store.state.dActiveElement = {}
    setTimeout(() => {
      store.dActiveElement = widget
    }, 10)
  }
}

/** 多选元素 */
export function selectWidgetsInOut(store: TWidgetStore, { uuid }: TSelectWidgetData) {
  const pageStore = usePageStore()

  const selectWidgets = store.dSelectWidgets
  const widget = store.dWidgets.find((item) => item.uuid === uuid)
  if (widget && uuid !== '-1' && widget.parent === '-1' && !widget.isContainer) {
    if (selectWidgets.length === 0) {
      if (store.dActiveElement && store.dActiveElement.uuid !== '-1') {
        selectWidgets.push(store.dActiveElement)
      }
    }
    const index = selectWidgets.findIndex((item) => {
      return item.uuid === uuid
    })
    // 如果已经存在则取消选择，否则加入选取
    if (index !== -1) {
      selectWidgets.splice(index, 1)
      if (selectWidgets.length === 0) {
        store.dActiveElement = pageStore.dPage
      }
    } else {
      selectWidgets.push(widget)
    }
    // if (selectWidgets.length === 1) {
    //   store.state.dActiveElement = selectWidgets[0]
    //   store.state.dSelectWidgets = []
    // }
  }
}

export type TselectItem = {
  data: Record<string, any>
  type: string
}

export function selectItem(state: TWidgetStore, { data, type }: TselectItem) {
  state.selectItem.data = data
  state.selectItem.type = type
}