wp-validate v0.0.6

快速开始

/**
** main.ts
**/
import { createApp } from 'vue'
const app = createApp(App)

import validate from 'wp-validate'

app.use(validate, {
  alert: (message: string, type: 'error' | 'info' | 'success' | 'warning') => ElMessage({
    message,
    type
  })
})
app.mount('#app')

/**
** 业务层
**/
import validate from 'wp-validate'
await validate(is => {
  if (!is.array(mightArray)) throw '请检查输入的字段'
})

/**
** 也可以单独引入 is
**/
import { validateIs } from 'wp-validate'
validateIs.array(mightArray)

配合 AutoImport 插件自动引入

import validatePreset from 'wp-validate/dist/preset'
export default defineConfig({
  plugins: [
    AutoImport({
        imports: [
          validatePreset
        ]
    })
  ]
})

抛出异常的方法

import validate, { ValidationError } from 'wp-validate'

// 1. Throw string / Return string
await validate(is => {
  if (!is.array(mightArray)) throw '请检查输入的字段'
  // Same as
  if (!is.array(mightArray)) return '请检查输入的字段'
})

// 2. Throw Error
await validate(is => {
  if (!is.array(mightArray)) throw new Error('请检查输入的字段')
  // Same as
  if (!is.array(mightArray)) return new Error('请检查输入的字段')
})

// 3. Throw ValidationError
await validate(is => {
  if (is.array(mightArray)) throw new ValidationError('是个数组，但是我要抛异常', 'success')
  // Same as
  if (!is.array(mightArray)) return new ValidationError('是个数组，但是我要抛异常', 'success')
})

// 4. 异步
await validate(async(is) => {
  try {
    await Promise.reject('fail') // something
  } catch {
    throw new Error('请检查输入的字段')
  }
})