poster-design/src/pinia/design/force/index.ts

import { Store, defineStore } from "pinia";



type TForceState = {
  /** 画布强制刷新适应度 */
  zoomScreenChange: number | null
  /** 强制刷新操作框 */
  updateRect: number | null
  /** 强制设置选择元素 */
  updateSelect: number | null
}

type TForceAction = {
  setZoomScreenChange: () => void
  setUpdateRect: () => void
  setUpdateSelect: () => void
}

const ForceStore = defineStore<"forceStore", TForceState, {}, TForceAction>("forceStore", {
  state: () => ({
    zoomScreenChange: null, // 画布强制刷新适应度
    updateRect: null, // 强制刷新操作框
    updateSelect: null, // 强制设置选择元素
  }),

  actions: {
    setZoomScreenChange() {
      // 画布尺寸适应度强制刷新
      this.zoomScreenChange = Math.random()
    },
    setUpdateRect() {
      // 强制刷新操作框
      this.updateRect = Math.random()
    },
    setUpdateSelect() {
      // 强制触发元素选择
      this.updateSelect = Math.random()
    },
  }
})

export type TForceStore = Store<"forceStore", TForceState, {}, TForceAction>

export default ForceStore