use-validate.ts 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. /*
  2. * Licensed to the Apache Software Foundation (ASF) under one or more
  3. * contributor license agreements. See the NOTICE file distributed with
  4. * this work for additional information regarding copyright ownership.
  5. * The ASF licenses this file to You under the Apache License, Version 2.0
  6. * (the "License"); you may not use this file except in compliance with
  7. * the License. You may obtain a copy of the License at
  8. *
  9. * http://www.apache.org/licenses/LICENSE-2.0
  10. *
  11. * Unless required by applicable law or agreed to in writing, software
  12. * distributed under the License is distributed on an "AS IS" BASIS,
  13. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14. * See the License for the specific language governing permissions and
  15. * limitations under the License.
  16. */
  17. import { reactive, ref } from 'vue'
  18. import { FormRules } from 'naive-ui'
  19. import { useI18n } from 'vue-i18n'
  20. export function useValidate() {
  21. const { t, locale } = useI18n()
  22. const state = reactive({
  23. loginFormRef: ref(),
  24. loginForm: {
  25. userName: '',
  26. userPassword: '',
  27. },
  28. rules: {
  29. userName: {
  30. trigger: ['input', 'blur'],
  31. validator() {
  32. if (state.loginForm.userName === '') {
  33. return new Error(`${t('login.userName_tips')}`)
  34. }
  35. },
  36. },
  37. userPassword: {
  38. trigger: ['input', 'blur'],
  39. validator() {
  40. if (state.loginForm.userPassword === '') {
  41. return new Error(`${t('login.userPassword_tips')}`)
  42. }
  43. },
  44. },
  45. } as FormRules,
  46. })
  47. return {
  48. state,
  49. t,
  50. locale,
  51. }
  52. }