@globalbrain/sefirot 2.1.4 → 2.2.0

package/lib/composables/Form.ts

@@ -14,7 +14,7 @@ export interface Form<T extends Record<string, any>> {
 
 export interface UseFormOptions<T extends Record<string, any>> {
   data: T,
-  rules?: Record<string, any>
+  rules?: Record<string, any> | ((state: T) => Record<string, any>)
 }
 
 export function useForm<
@@ -26,7 +26,9 @@ export function useForm<
 
   const data = reactive(options.data)
 
-  const rules = options.rules ?? {}
+  const rules = options.rules
+    ? typeof options.rules === 'function' ? options.rules(data) : options.rules
+    : {}
 
   const validation = useValidation(data, rules)
 

package/lib/validation/rules/index.ts

@@ -1,12 +1,18 @@
+export { or, and, not } from '@vuelidate/validators'
+
 export * from './checked'
 export * from './email'
 export * from './fileExtension'
 export * from './hms'
 export * from './maxLength'
 export * from './minLength'
+export * from './maxValue'
+export * from './minValue'
 export * from './required'
 export * from './requiredHms'
 export * from './requiredIf'
 export * from './requiredYmd'
 export * from './url'
+export * from './month'
 export * from './ymd'
+export * from './rule'

package/lib/validation/rules/maxValue.ts

@@ -0,0 +1,10 @@
+import { helpers, maxValue as baseMaxValue } from '@vuelidate/validators'
+
+export function maxValue(value: number, msg?: string) {
+  return helpers.withMessage(
+    ({ $params }) => {
+      return msg ?? `The value must be less or equal to ${($params as any).max}.`
+    },
+    baseMaxValue(value)
+  )
+}

package/lib/validation/rules/minValue.ts

@@ -0,0 +1,10 @@
+import { helpers, minValue as baseMinValue } from '@vuelidate/validators'
+
+export function minValue(value: number, msg?: string) {
+  return helpers.withMessage(
+    ({ $params }) => {
+      return msg ?? `The value must be greater or equal to ${($params as any).min}.`
+    },
+    baseMinValue(value)
+  )
+}

package/lib/validation/rules/month.ts

@@ -0,0 +1,11 @@
+import { helpers } from '@vuelidate/validators'
+import { month as baseMonth } from '../validators/month'
+
+export function month(msg?: string) {
+  return helpers.withMessage(
+    () => msg ?? 'The month is invalid.',
+    (value: number) => {
+      return !helpers.req(value) || baseMonth(value)
+    }
+  )
+}

package/lib/validation/rules/rule.ts

@@ -0,0 +1,8 @@
+import { helpers } from '@vuelidate/validators'
+
+export function rule(validation: (value: any) => boolean, msg?: string) {
+  return helpers.withMessage(
+    () => msg ?? 'The value is invalid.',
+    (value: any) => !helpers.req(value) || validation(value)
+  )
+}

package/lib/validation/validators/month.ts

@@ -0,0 +1,3 @@
+export function month(value: number): boolean {
+  return value > 0 && value < 13
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@globalbrain/sefirot",
-  "version": "2.1.4",
+  "version": "2.2.0",
   "description": "Vue Components for Global Brain Design System.",
   "files": [
     "lib"
@@ -84,7 +84,7 @@
     "vitest": "^0.23.4",
     "vue": "^3.2.40",
     "vue-router": "^4.1.5",
-    "vue-tsc": "^0.40.13"
+    "vue-tsc": "^1.0.8"
   },
   "scripts": {
     "docs": "vitepress dev docs --port 3000",