PanValidator API 串接範例

本頁面主要提供 PanValidator 相關 API 的使用方式及注意事項。

請先依照 範例 - Cat 的方式實作 useCat.ts 後使用。

openPanValidator

開啟 PanValidator 彈窗

import { useCat } from '@/composable/useCat'

const { panCore } = useCat()

const openPanValidatorPhoneBind = (): void => {
  panCore().openPanValidator({
    openState: '手機綁定',
    onOpen: () => {},
    onClose: () => {}
  })
}
const openPanValidatorEmailBind = (): void => {
  panCore().openPanValidator({
    openState: 'Email綁定',
    onOpen: () => {},
    onClose: () => {}
  })
}
const openPanValidatorPswUpdate = (): void => {
  panCore().openPanValidator({
    openState: '更新密碼',
    onOpen: () => {},
    onClose: () => {}
  })
}

const openPanValidatorPswUpdate = (): void => {
  panCore().openPanValidator({
    openState: '敏感操作手機驗證',
    onOpen: () => {},
    onClose: (verifyToken: string) => {
      if (!verifyToken) {
        window.alert('驗證失敗或取消驗證')
        return
      }

      window.alert(`驗證成功，verifyToken: ${verifyToken}`)
    }
  })
}

const closePanValidator = (): void => {
  panCore().closePanValidator()
}