feat(projects): 1.0 beta

src/hooks/common/form.ts

@@ -0,0 +1,74 @@
+import { ref } from 'vue';
+import type { FormInst } from 'naive-ui';
+import { REG_USER_NAME, REG_PHONE, REG_PWD, REG_CODE_SIX, REG_EMAIL } from '@/constants/reg';
+import { $t } from '@/locales';
+
+export function useFormRules() {
+  const constantRules = {
+    userName: [
+      createRequiredRule($t('form.userName.required')),
+      {
+        pattern: REG_USER_NAME,
+        message: $t('form.userName.invalid'),
+        trigger: 'change'
+      }
+    ],
+    phone: [
+      createRequiredRule($t('form.phone.required')),
+      {
+        pattern: REG_PHONE,
+        message: $t('form.phone.invalid'),
+        trigger: 'change'
+      }
+    ],
+    pwd: [
+      createRequiredRule($t('form.pwd.required')),
+      {
+        pattern: REG_PWD,
+        message: $t('form.pwd.invalid'),
+        trigger: 'change'
+      }
+    ],
+    code: [
+      createRequiredRule($t('form.code.required')),
+      {
+        pattern: REG_CODE_SIX,
+        message: $t('form.code.invalid'),
+        trigger: 'change'
+      }
+    ],
+    email: [
+      createRequiredRule($t('form.email.required')),
+      {
+        pattern: REG_EMAIL,
+        message: $t('form.email.invalid'),
+        trigger: 'change'
+      }
+    ]
+  } satisfies Record<string, App.Global.FormRule[]>;
+
+  function createRequiredRule(message: string) {
+    return {
+      required: true,
+      message
+    };
+  }
+
+  return {
+    constantRules,
+    createRequiredRule
+  };
+}
+
+export function useNaiveForm() {
+  const formRef = ref<FormInst | null>(null);
+
+  async function validate() {
+    await formRef.value?.validate();
+  }
+
+  return {
+    formRef,
+    validate
+  };
+}