refactor(projects): refactor page: user-management [重构用户管理页面]

src/utils/form/rule.ts

@@ -2,6 +2,11 @@ import type { Ref } from 'vue';
 import type { FormItemRule } from 'naive-ui';
 import { REGEXP_CODE_SIX, REGEXP_EMAIL, REGEXP_PHONE, REGEXP_PWD } from '@/config';
 
+/** 创建自定义错误信息的必填表单规则 */
+export const createRequiredFormRule = (message = '不能为空'): FormItemRule => ({ required: true, message });
+
+export const requiredFormRule = createRequiredFormRule();
+
 /** 表单规则 */
 interface CustomFormRules {
   /** 手机号码 */
@@ -17,20 +22,25 @@ interface CustomFormRules {
 /** 表单规则 */
 export const formRules: CustomFormRules = {
   phone: [
-    { required: true, message: '请输入手机号码' },
+    createRequiredFormRule('请输入手机号码'),
     { pattern: REGEXP_PHONE, message: '手机号码格式错误', trigger: 'input' }
   ],
   pwd: [
-    { required: true, message: '请输入密码' },
+    createRequiredFormRule('请输入密码'),
     { pattern: REGEXP_PWD, message: '密码为6-18位数字/字符/符号，至少2种组合', trigger: 'input' }
   ],
   code: [
-    { required: true, message: '请输入验证码' },
+    createRequiredFormRule('请输入验证码'),
     { pattern: REGEXP_CODE_SIX, message: '验证码格式错误', trigger: 'input' }
   ],
   email: [{ pattern: REGEXP_EMAIL, message: '邮箱格式错误', trigger: 'blur' }]
 };
 
+/** 是否为空字符串 */
+function isBlankString(str: string) {
+  return str.trim() === '';
+}
+
 /** 获取确认密码的表单规则 */
 export function getConfirmPwdRule(pwd: Ref<string>) {
   const confirmPwdRule: FormItemRule[] = [
@@ -66,8 +76,3 @@ export function getImgCodeRule(imgCode: Ref<string>) {
   ];
   return imgCodeRule;
 }
-
-/** 是否为空字符串 */
-function isBlankString(str: string) {
-  return str.trim() === '';
-}