add feature dynamic error multitab & continue dict test calc

src/lib/components/composable/use-dictionary-form.svelte.js

@@ -1,10 +1,24 @@
-export function useDictionaryForm(formState) {
-    let uploadErrors = $state({});
-    let isChecking = $state({});
+// export function useDictionaryForm(formState) {
+//     let uploadErrors = $state({});
+//     let isChecking = $state({});
 
-    let hasErrors = $derived(
-        Object.values(formState.errors).some(value => value !== null)
-    );
+//     let hasErrors = $derived(
+//         Object.values(formState.errors).some(value => value !== null)
+//     );
+
+//     return {
+//         get hasErrors() { return hasErrors },
+//     }
+// }
+
+export function useDictionaryForm(formState, getActiveFormStates) {
+    let hasErrors = $derived.by(() => {
+        const mainHasError = Object.values(formState.errors).some(v => v !== null);
+        const activeHasError = getActiveFormStates().some(fs => 
+            Object.values(fs.errors).some(v => v !== null)
+        );
+        return mainHasError || activeHasError;
+    });
 
     return {
         get hasErrors() { return hasErrors },

src/lib/components/dictionary/test/config/test-form-config.js

@@ -44,6 +44,7 @@ export const testCalSchema = z.object({
         ctx.addIssue({
             code: z.ZodIssueCode.custom,
             message: `Formula must contain all selected input parameters:${data.FormulaInput.join(',')}`,
+            // message: `Formula must contain all selected input parameters:`,
             path: ['FormulaCode']
         });
     }

src/lib/components/dictionary/test/page/create-page.svelte

@@ -55,7 +55,24 @@
         modeOpt: 'cascade'
     })
 
-    const helpers = useDictionaryForm(formState);
+    const activeFormStates = $derived.by(() => {
+        switch (formState.form.TestType) {
+            case "TEST":
+            case "PARAM":
+                return [refNumState, refTxtState, mapFormState];
+            case "CALC":
+                return [calFormState, refNumState, refTxtState, mapFormState];
+            case "GROUP":
+                return [];
+            case "TITLE":
+                return [];
+            default:
+                return [];
+        }
+    });
+
+    // const helpers = useDictionaryForm(formState);
+    const helpers = useDictionaryForm(formState, () => activeFormStates);
 
     const handlers = {
         clearForm: () => {
@@ -269,18 +286,6 @@
         }));
     });
 
-    const activeFormState = $derived.by(() => {
-        switch (formState.form.TestType) {
-            case "TEST":
-                return formState;
-            case "PARAM":
-                return formState;
-            case "CALC":
-                return calFormState;
-            default:
-                return null;
-        }
-    });
 // $inspect(activeFormState.errors)
     let activeTab = $state('definition');
 
@@ -391,6 +396,11 @@
             refTxtState.form.TxtRefType = value;
         }
     }
+
+    // $inspect({
+    //     definition: formState.errors,
+    //     active: activeFormStates.map(fs => fs.errors)
+    // });
 </script>
 
 <FormPageContainer title="Create Test" {primaryAction} {secondaryActions} {actions}>