fuse-code/src/store/sys.ts

import { ref, computed, watch } from 'vue'
import { asyncBusFactory } from '@/utils'
import { Dialog } from 'bill/index'
import { useViewStack } from '@/hook'

const Flags = {
  EDIT: 0b10,
  // 已经保存，是最新的
  NOW: 0b100,
  // 可写模式，用户已登陆
  LOGIN: 0b1000,
} as const
const mode = ref<number>(Flags.NOW)

export const isEdit = computed(() => !!(mode.value & Flags.EDIT))
export const isLogin = computed(() => !!(mode.value & Flags.LOGIN))
export const isOld = computed(() => !(mode.value & Flags.NOW))
export const isNow = computed(() => !!(mode.value & Flags.NOW))
export const title = '融合平台'
export const TemploraryID = '-1'


export const sysBus = asyncBusFactory<{ save: void; leave: void }>()

// 进入编辑界面
export const enterEdit = () => {
  mode.value |= Flags.EDIT
}

export const enterOld = () => {
  mode.value &= ~Flags.NOW
}

// 放弃保存内容
export const giveupSave = () => {
  sysBus.off('save')
  mode.value |= Flags.NOW
}

// 放弃编辑内容
export const giveupLeave = () => {
  giveupSave()
  sysBus.off('leave')
  mode.value &= ~Flags.EDIT
}

// 保存
export const save = async () => {
  await sysBus.emit('save')
  giveupSave()
}

// 离开
export const leave = async () => {
  if (isOld.value && !(await Dialog.confirm('您有操作未保存，确定要退出吗？'))) {
    return;
  }
  await sysBus.emit('leave')
  giveupLeave()
}

export type AutoSetModeSetting<T> = {
  save: () => any
  leave?: () => any
  isUpdate?: (newCurrent: T, oldCurrent: T) => boolean
  auto?: boolean
  backup?: () => void
  recovery?: () => void
}

export const autoSetModeCallback = <T extends object>(current: T, setting: AutoSetModeSetting<T>) => {
  let isSave = false

  const leaveCallback = (setting.recovery || setting.backup)
    && (() => {
      setting.recovery && setting.recovery()
      setting.backup && setting.backup()
      setting.leave && setting.leave()
    })
  
  const saveCallback = async () => {
    isSave = true
    await setting.save()
    setting.backup && setting.backup()
    isSave = false
  }

  const handler = (newv: T, oldv: T) => {
    if (isSave) return
    if (!setting.isUpdate || setting.isUpdate(newv, oldv)) {
      isEdit.value || enterEdit()
      isOld.value ||  enterOld()
      saveCallback && sysBus.on('save', saveCallback, { pre: true })
    }
    leaveCallback && sysBus.on('leave', leaveCallback, { pre: true })
  }

  return () => {
    setting.backup && setting.backup()
    return watch(current, handler, { deep: true })
  }
}

export const useAutoSetMode = <T extends object>(current: T, setting: AutoSetModeSetting<T>) => {
  const startWatch = autoSetModeCallback(current, setting)
  useViewStack(startWatch)
}