@gaozh1024/rn-kit 0.2.0-beta.0 → 0.2.0

package/dist/index.d.mts

@@ -1972,15 +1972,16 @@ interface CheckboxProps {
  */
 declare function Checkbox({ checked, defaultChecked, onChange, disabled, children, className, testID, }: CheckboxProps): react_jsx_runtime.JSX.Element;
 
-interface Option$1 {
+interface FormGroupOption {
     label: string;
     value: string;
     disabled?: boolean;
 }
+
 interface CheckboxGroupProps {
     value?: string[];
     onChange?: (value: string[]) => void;
-    options?: Option$1[];
+    options?: FormGroupOption[];
     direction?: 'row' | 'column';
     disabled?: boolean;
 }
@@ -2003,15 +2004,10 @@ interface RadioProps {
  */
 declare function Radio({ checked, defaultChecked, onChange, disabled, children, className, testID, }: RadioProps): react_jsx_runtime.JSX.Element;
 
-interface Option {
-    label: string;
-    value: string;
-    disabled?: boolean;
-}
 interface RadioGroupProps {
     value?: string;
     onChange?: (value: string) => void;
-    options?: Option[];
+    options?: FormGroupOption[];
     direction?: 'row' | 'column';
     disabled?: boolean;
 }
@@ -2126,23 +2122,25 @@ interface FormItemProps {
 }
 declare function FormItem({ name: _name, label, error, help, required, children, className, labelClassName, }: FormItemProps): react_jsx_runtime.JSX.Element;
 
-interface UseFormOptions<T extends Record<string, any>> {
+type FormValues = Record<string, unknown>;
+type FieldName<T extends FormValues> = Extract<keyof T, string>;
+interface UseFormOptions<T extends FormValues> {
     schema: ZodSchema<T>;
     defaultValues: T;
 }
 interface FormErrors {
     [key: string]: string;
 }
-declare function useForm<T extends Record<string, any>>({ schema, defaultValues, }: UseFormOptions<T>): {
+declare function useForm<T extends FormValues>({ schema, defaultValues }: UseFormOptions<T>): {
     values: T;
     errors: FormErrors;
     isValid: boolean;
     isDirty: boolean;
     isSubmitting: boolean;
-    setValue: (name: keyof T, value: any) => void;
-    getValue: (name: keyof T) => T[keyof T];
+    setValue: <K extends FieldName<T>>(name: K, value: T[K]) => void;
+    getValue: <K extends FieldName<T>>(name: K) => T[K];
     validate: () => Promise<boolean>;
-    validateField: (name: keyof T) => Promise<boolean>;
+    validateField: (name: FieldName<T>) => Promise<boolean>;
     reset: () => void;
     handleSubmit: (onSubmit?: (values: T) => void | Promise<void>) => Promise<void>;
 };
@@ -3462,4 +3460,4 @@ interface AlertContextType {
  */
 declare function useAlert(): AlertContextType;
 
-export { ActionIcons, Alert, type AlertContextType, type AlertOptions, type AlertProps, type ApiBusinessErrorParser, type ApiConfig, type ApiEndpointConfig, type ApiErrorContext, type ApiErrorHandler, type ApiMethod, AppButton, type AppButtonProps, type AppError, AppHeader, type AppHeaderProps, AppImage, type AppImageProps, AppInput, type AppInputProps, AppList, type AppListProps, type AppNavigation, AppPressable, type AppPressableProps, AppProvider, type AppProviderProps, AppScrollView, type AppScrollViewProps, AppStatusBar, type AppStatusBarProps, AppText, type AppTextProps, AppView, type AppViewProps, BottomTabBar, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Col, type ColProps, type ColorPalette$1 as ColorPalette, type ColorToken, type CustomBottomTabBarProps, DatePicker, type DatePickerProps, DrawerContent, type DrawerContentProps, type DrawerItem, type DrawerNavigation, DrawerNavigator, type DrawerNavigatorProps, type DrawerOptions, type DrawerParamList, type DrawerRouteConfig, type DrawerScreenOptions, type DrawerScreenProps, ErrorCode, FileIcons, FormItem, type FormItemProps, Icon, type IconProps, type IconSize, type InfiniteFetchParams, type InfiniteFetchResult, type LinkingConfig, Loading, type LoadingContextType, type LoadingProps, type LoadingState, MemoryStorage, NavigationIcons, NavigationProvider, type NavigationProviderProps, type Orientation, OverlayProvider, type OverlayProviderProps, Page, type PaginationParams, type PaginationResult, type ParamListBase, type PathConfig, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RgbObject, type RouteConfig, Row, type RowProps, SafeBottom, SafeScreen, type SafeScreenProps, Select, type SelectOption, type SelectProps, Slider, type SliderProps, type StackNavigation, StackNavigator, type StackNavigatorProps, type StackParamList, type StackRouteConfig, type StackScreenOptions, type StackScreenProps, StatusIcons, Switch, type SwitchProps, type TabBarOptions, type TabNavigation, TabNavigator, type TabNavigatorProps, type TabParamList, type TabRouteConfig, type TabScreenOptions, type TabScreenProps, type Theme, type ColorPalette as ThemeColorPalette, type ThemeConfig, ThemeProvider, Toast, type ToastContextType, type ToastItem, type ToastProps, type ToastType, type UseAsyncState, type UseDimensionsReturn, type UseInfiniteOptions, type UseInfiniteReturn, type UseKeyboardReturn, type UseOrientationReturn, type UsePaginationOptions, type UsePaginationReturn, type UseRefreshReturn, type UseToggleActions, adjustBrightness, capitalize, clamp, cn, createAPI, createDrawerScreens, createNavigationTheme, createStackScreens, createTabScreens, createTheme, deepMerge, enhanceError, formatCurrency, formatDate, formatNumber, formatPercent, formatRelativeTime, generateColorPalette, getThemeColors, getValidationErrors, hexToRgb, isDevelopment, isValidEmail, isValidPhone, mapHttpStatus, omit, pick, rgbToHex, slugify, storage, truncate, useAlert, useAsyncState, useBackHandler, useDebounce, useDimensions, useDrawerNavigation, useForm, useInfinite, useKeyboard, useLoading, useMemoizedFn, useNavigation, useNavigationState, useOrientation, usePagination, usePrevious, useRefresh, useRequest, useRoute, useSetState, useStackNavigation, useStorage, useTabNavigation, useTheme, useThemeColors, useThrottle, useToast, useToggle, useUpdateEffect };
+export { ActionIcons, Alert, type AlertContextType, type AlertOptions, type AlertProps, type ApiBusinessErrorParser, type ApiConfig, type ApiEndpointConfig, type ApiErrorContext, type ApiErrorHandler, type ApiMethod, AppButton, type AppButtonProps, type AppError, AppHeader, type AppHeaderProps, AppImage, type AppImageProps, AppInput, type AppInputProps, AppList, type AppListProps, type AppNavigation, AppPressable, type AppPressableProps, AppProvider, type AppProviderProps, AppScrollView, type AppScrollViewProps, AppStatusBar, type AppStatusBarProps, AppText, type AppTextProps, AppView, type AppViewProps, BottomTabBar, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Col, type ColProps, type ColorPalette$1 as ColorPalette, type ColorToken, type CustomBottomTabBarProps, DatePicker, type DatePickerProps, DrawerContent, type DrawerContentProps, type DrawerItem, type DrawerNavigation, DrawerNavigator, type DrawerNavigatorProps, type DrawerOptions, type DrawerParamList, type DrawerRouteConfig, type DrawerScreenOptions, type DrawerScreenProps, ErrorCode, FileIcons, type FormErrors, type FormGroupOption, FormItem, type FormItemProps, Icon, type IconProps, type IconSize, type InfiniteFetchParams, type InfiniteFetchResult, type LinkingConfig, Loading, type LoadingContextType, type LoadingProps, type LoadingState, MemoryStorage, NavigationIcons, NavigationProvider, type NavigationProviderProps, type Orientation, OverlayProvider, type OverlayProviderProps, Page, type PaginationParams, type PaginationResult, type ParamListBase, type PathConfig, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RgbObject, type RouteConfig, Row, type RowProps, SafeBottom, SafeScreen, type SafeScreenProps, Select, type SelectOption, type SelectProps, Slider, type SliderProps, type StackNavigation, StackNavigator, type StackNavigatorProps, type StackParamList, type StackRouteConfig, type StackScreenOptions, type StackScreenProps, StatusIcons, Switch, type SwitchProps, type TabBarOptions, type TabNavigation, TabNavigator, type TabNavigatorProps, type TabParamList, type TabRouteConfig, type TabScreenOptions, type TabScreenProps, type Theme, type ColorPalette as ThemeColorPalette, type ThemeConfig, ThemeProvider, Toast, type ToastContextType, type ToastItem, type ToastProps, type ToastType, type UseAsyncState, type UseDimensionsReturn, type UseFormOptions, type UseInfiniteOptions, type UseInfiniteReturn, type UseKeyboardReturn, type UseOrientationReturn, type UsePaginationOptions, type UsePaginationReturn, type UseRefreshReturn, type UseToggleActions, adjustBrightness, capitalize, clamp, cn, createAPI, createDrawerScreens, createNavigationTheme, createStackScreens, createTabScreens, createTheme, deepMerge, enhanceError, formatCurrency, formatDate, formatNumber, formatPercent, formatRelativeTime, generateColorPalette, getThemeColors, getValidationErrors, hexToRgb, isDevelopment, isValidEmail, isValidPhone, mapHttpStatus, omit, pick, rgbToHex, slugify, storage, truncate, useAlert, useAsyncState, useBackHandler, useDebounce, useDimensions, useDrawerNavigation, useForm, useInfinite, useKeyboard, useLoading, useMemoizedFn, useNavigation, useNavigationState, useOrientation, usePagination, usePrevious, useRefresh, useRequest, useRoute, useSetState, useStackNavigation, useStorage, useTabNavigation, useTheme, useThemeColors, useThrottle, useToast, useToggle, useUpdateEffect };

package/dist/index.d.ts

@@ -1972,15 +1972,16 @@ interface CheckboxProps {
  */
 declare function Checkbox({ checked, defaultChecked, onChange, disabled, children, className, testID, }: CheckboxProps): react_jsx_runtime.JSX.Element;
 
-interface Option$1 {
+interface FormGroupOption {
     label: string;
     value: string;
     disabled?: boolean;
 }
+
 interface CheckboxGroupProps {
     value?: string[];
     onChange?: (value: string[]) => void;
-    options?: Option$1[];
+    options?: FormGroupOption[];
     direction?: 'row' | 'column';
     disabled?: boolean;
 }
@@ -2003,15 +2004,10 @@ interface RadioProps {
  */
 declare function Radio({ checked, defaultChecked, onChange, disabled, children, className, testID, }: RadioProps): react_jsx_runtime.JSX.Element;
 
-interface Option {
-    label: string;
-    value: string;
-    disabled?: boolean;
-}
 interface RadioGroupProps {
     value?: string;
     onChange?: (value: string) => void;
-    options?: Option[];
+    options?: FormGroupOption[];
     direction?: 'row' | 'column';
     disabled?: boolean;
 }
@@ -2126,23 +2122,25 @@ interface FormItemProps {
 }
 declare function FormItem({ name: _name, label, error, help, required, children, className, labelClassName, }: FormItemProps): react_jsx_runtime.JSX.Element;
 
-interface UseFormOptions<T extends Record<string, any>> {
+type FormValues = Record<string, unknown>;
+type FieldName<T extends FormValues> = Extract<keyof T, string>;
+interface UseFormOptions<T extends FormValues> {
     schema: ZodSchema<T>;
     defaultValues: T;
 }
 interface FormErrors {
     [key: string]: string;
 }
-declare function useForm<T extends Record<string, any>>({ schema, defaultValues, }: UseFormOptions<T>): {
+declare function useForm<T extends FormValues>({ schema, defaultValues }: UseFormOptions<T>): {
     values: T;
     errors: FormErrors;
     isValid: boolean;
     isDirty: boolean;
     isSubmitting: boolean;
-    setValue: (name: keyof T, value: any) => void;
-    getValue: (name: keyof T) => T[keyof T];
+    setValue: <K extends FieldName<T>>(name: K, value: T[K]) => void;
+    getValue: <K extends FieldName<T>>(name: K) => T[K];
     validate: () => Promise<boolean>;
-    validateField: (name: keyof T) => Promise<boolean>;
+    validateField: (name: FieldName<T>) => Promise<boolean>;
     reset: () => void;
     handleSubmit: (onSubmit?: (values: T) => void | Promise<void>) => Promise<void>;
 };
@@ -3462,4 +3460,4 @@ interface AlertContextType {
  */
 declare function useAlert(): AlertContextType;
 
-export { ActionIcons, Alert, type AlertContextType, type AlertOptions, type AlertProps, type ApiBusinessErrorParser, type ApiConfig, type ApiEndpointConfig, type ApiErrorContext, type ApiErrorHandler, type ApiMethod, AppButton, type AppButtonProps, type AppError, AppHeader, type AppHeaderProps, AppImage, type AppImageProps, AppInput, type AppInputProps, AppList, type AppListProps, type AppNavigation, AppPressable, type AppPressableProps, AppProvider, type AppProviderProps, AppScrollView, type AppScrollViewProps, AppStatusBar, type AppStatusBarProps, AppText, type AppTextProps, AppView, type AppViewProps, BottomTabBar, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Col, type ColProps, type ColorPalette$1 as ColorPalette, type ColorToken, type CustomBottomTabBarProps, DatePicker, type DatePickerProps, DrawerContent, type DrawerContentProps, type DrawerItem, type DrawerNavigation, DrawerNavigator, type DrawerNavigatorProps, type DrawerOptions, type DrawerParamList, type DrawerRouteConfig, type DrawerScreenOptions, type DrawerScreenProps, ErrorCode, FileIcons, FormItem, type FormItemProps, Icon, type IconProps, type IconSize, type InfiniteFetchParams, type InfiniteFetchResult, type LinkingConfig, Loading, type LoadingContextType, type LoadingProps, type LoadingState, MemoryStorage, NavigationIcons, NavigationProvider, type NavigationProviderProps, type Orientation, OverlayProvider, type OverlayProviderProps, Page, type PaginationParams, type PaginationResult, type ParamListBase, type PathConfig, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RgbObject, type RouteConfig, Row, type RowProps, SafeBottom, SafeScreen, type SafeScreenProps, Select, type SelectOption, type SelectProps, Slider, type SliderProps, type StackNavigation, StackNavigator, type StackNavigatorProps, type StackParamList, type StackRouteConfig, type StackScreenOptions, type StackScreenProps, StatusIcons, Switch, type SwitchProps, type TabBarOptions, type TabNavigation, TabNavigator, type TabNavigatorProps, type TabParamList, type TabRouteConfig, type TabScreenOptions, type TabScreenProps, type Theme, type ColorPalette as ThemeColorPalette, type ThemeConfig, ThemeProvider, Toast, type ToastContextType, type ToastItem, type ToastProps, type ToastType, type UseAsyncState, type UseDimensionsReturn, type UseInfiniteOptions, type UseInfiniteReturn, type UseKeyboardReturn, type UseOrientationReturn, type UsePaginationOptions, type UsePaginationReturn, type UseRefreshReturn, type UseToggleActions, adjustBrightness, capitalize, clamp, cn, createAPI, createDrawerScreens, createNavigationTheme, createStackScreens, createTabScreens, createTheme, deepMerge, enhanceError, formatCurrency, formatDate, formatNumber, formatPercent, formatRelativeTime, generateColorPalette, getThemeColors, getValidationErrors, hexToRgb, isDevelopment, isValidEmail, isValidPhone, mapHttpStatus, omit, pick, rgbToHex, slugify, storage, truncate, useAlert, useAsyncState, useBackHandler, useDebounce, useDimensions, useDrawerNavigation, useForm, useInfinite, useKeyboard, useLoading, useMemoizedFn, useNavigation, useNavigationState, useOrientation, usePagination, usePrevious, useRefresh, useRequest, useRoute, useSetState, useStackNavigation, useStorage, useTabNavigation, useTheme, useThemeColors, useThrottle, useToast, useToggle, useUpdateEffect };
+export { ActionIcons, Alert, type AlertContextType, type AlertOptions, type AlertProps, type ApiBusinessErrorParser, type ApiConfig, type ApiEndpointConfig, type ApiErrorContext, type ApiErrorHandler, type ApiMethod, AppButton, type AppButtonProps, type AppError, AppHeader, type AppHeaderProps, AppImage, type AppImageProps, AppInput, type AppInputProps, AppList, type AppListProps, type AppNavigation, AppPressable, type AppPressableProps, AppProvider, type AppProviderProps, AppScrollView, type AppScrollViewProps, AppStatusBar, type AppStatusBarProps, AppText, type AppTextProps, AppView, type AppViewProps, BottomTabBar, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Col, type ColProps, type ColorPalette$1 as ColorPalette, type ColorToken, type CustomBottomTabBarProps, DatePicker, type DatePickerProps, DrawerContent, type DrawerContentProps, type DrawerItem, type DrawerNavigation, DrawerNavigator, type DrawerNavigatorProps, type DrawerOptions, type DrawerParamList, type DrawerRouteConfig, type DrawerScreenOptions, type DrawerScreenProps, ErrorCode, FileIcons, type FormErrors, type FormGroupOption, FormItem, type FormItemProps, Icon, type IconProps, type IconSize, type InfiniteFetchParams, type InfiniteFetchResult, type LinkingConfig, Loading, type LoadingContextType, type LoadingProps, type LoadingState, MemoryStorage, NavigationIcons, NavigationProvider, type NavigationProviderProps, type Orientation, OverlayProvider, type OverlayProviderProps, Page, type PaginationParams, type PaginationResult, type ParamListBase, type PathConfig, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RgbObject, type RouteConfig, Row, type RowProps, SafeBottom, SafeScreen, type SafeScreenProps, Select, type SelectOption, type SelectProps, Slider, type SliderProps, type StackNavigation, StackNavigator, type StackNavigatorProps, type StackParamList, type StackRouteConfig, type StackScreenOptions, type StackScreenProps, StatusIcons, Switch, type SwitchProps, type TabBarOptions, type TabNavigation, TabNavigator, type TabNavigatorProps, type TabParamList, type TabRouteConfig, type TabScreenOptions, type TabScreenProps, type Theme, type ColorPalette as ThemeColorPalette, type ThemeConfig, ThemeProvider, Toast, type ToastContextType, type ToastItem, type ToastProps, type ToastType, type UseAsyncState, type UseDimensionsReturn, type UseFormOptions, type UseInfiniteOptions, type UseInfiniteReturn, type UseKeyboardReturn, type UseOrientationReturn, type UsePaginationOptions, type UsePaginationReturn, type UseRefreshReturn, type UseToggleActions, adjustBrightness, capitalize, clamp, cn, createAPI, createDrawerScreens, createNavigationTheme, createStackScreens, createTabScreens, createTheme, deepMerge, enhanceError, formatCurrency, formatDate, formatNumber, formatPercent, formatRelativeTime, generateColorPalette, getThemeColors, getValidationErrors, hexToRgb, isDevelopment, isValidEmail, isValidPhone, mapHttpStatus, omit, pick, rgbToHex, slugify, storage, truncate, useAlert, useAsyncState, useBackHandler, useDebounce, useDimensions, useDrawerNavigation, useForm, useInfinite, useKeyboard, useLoading, useMemoizedFn, useNavigation, useNavigationState, useOrientation, usePagination, usePrevious, useRefresh, useRequest, useRoute, useSetState, useStackNavigation, useStorage, useTabNavigation, useTheme, useThemeColors, useThrottle, useToast, useToggle, useUpdateEffect };

package/dist/index.js

@@ -2259,6 +2259,17 @@ var styles5 = import_react_native13.StyleSheet.create({
   }
 });
 
+// src/ui/form/group.ts
+var toggleGroupValue = (values, optionValue, checked) => {
+  if (checked) {
+    return values.includes(optionValue) ? values : [...values, optionValue];
+  }
+  return values.filter((value) => value !== optionValue);
+};
+var isGroupOptionDisabled = (groupDisabled, optionDisabled) => {
+  return groupDisabled || Boolean(optionDisabled);
+};
+
 // src/ui/form/CheckboxGroup.tsx
 var import_jsx_runtime21 = require("nativewind/jsx-runtime");
 function CheckboxGroup({
@@ -2270,18 +2281,15 @@ function CheckboxGroup({
 }) {
   const handleChange = (optionValue, checked) => {
     if (!onChange) return;
-    if (checked) {
-      onChange([...value, optionValue]);
-    } else {
-      onChange(value.filter((v) => v !== optionValue));
-    }
+    onChange(toggleGroupValue(value, optionValue, checked));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AppView, { row: direction === "row", flex: direction === "row", gap: 4, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  const isRow = direction === "row";
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AppView, { row: isRow, flex: isRow, gap: 4, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     Checkbox,
     {
       checked: value.includes(option.value),
       onChange: (checked) => handleChange(option.value, checked),
-      disabled: disabled || option.disabled,
+      disabled: isGroupOptionDisabled(disabled, option.disabled),
       children: option.label
     },
     option.value
@@ -2368,12 +2376,13 @@ function RadioGroup({
   direction = "column",
   disabled = false
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AppView, { row: direction === "row", flex: direction === "row", gap: 4, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  const isRow = direction === "row";
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AppView, { row: isRow, flex: isRow, gap: 4, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     Radio,
     {
       checked: value === option.value,
       onChange: () => onChange?.(option.value),
-      disabled: disabled || option.disabled,
+      disabled: isGroupOptionDisabled(disabled, option.disabled),
       children: option.label
     },
     option.value
@@ -3223,10 +3232,21 @@ function FormItem({
 
 // src/ui/form/useForm.ts
 var import_react24 = require("react");
-function useForm({
-  schema,
-  defaultValues
-}) {
+var getIssuePath = (issue) => issue.path.map(String).join(".");
+var getFieldError = (issues, name) => {
+  const exactIssue = issues.find((issue) => getIssuePath(issue) === name);
+  if (exactIssue) return exactIssue.message;
+  const nestedIssue = issues.find((issue) => issue.path[0] === name);
+  return nestedIssue?.message;
+};
+var buildFormErrors = (issues) => {
+  return issues.reduce((acc, issue) => {
+    const path = getIssuePath(issue);
+    acc[path || "root"] = issue.message;
+    return acc;
+  }, {});
+};
+function useForm({ schema, defaultValues }) {
   const [values, setValues] = (0, import_react24.useState)(defaultValues);
   const [errors, setErrors] = (0, import_react24.useState)({});
   const [isSubmitting, setIsSubmitting] = (0, import_react24.useState)(false);
@@ -3236,14 +3256,21 @@ function useForm({
   const isValid = (0, import_react24.useMemo)(() => {
     return Object.keys(errors).length === 0;
   }, [errors]);
-  const setValue = (0, import_react24.useCallback)((name, value) => {
-    setValues((prev) => ({ ...prev, [name]: value }));
+  const clearFieldError = (0, import_react24.useCallback)((name) => {
     setErrors((prev) => {
+      if (!(name in prev)) return prev;
       const next = { ...prev };
       delete next[name];
       return next;
     });
   }, []);
+  const setValue = (0, import_react24.useCallback)(
+    (name, value) => {
+      setValues((prev) => ({ ...prev, [name]: value }));
+      clearFieldError(name);
+    },
+    [clearFieldError]
+  );
   const getValue = (0, import_react24.useCallback)(
     (name) => {
       return values[name];
@@ -3252,42 +3279,33 @@ function useForm({
   );
   const validateField = (0, import_react24.useCallback)(
     async (name) => {
-      try {
-        const shape = schema.shape;
-        if (shape && shape[name]) {
-          await shape[name].parseAsync(values[name]);
-          setErrors((prev) => {
-            const next = { ...prev };
-            delete next[name];
-            return next;
-          });
-          return true;
-        }
+      const fieldName = name;
+      const result = await schema.safeParseAsync(values);
+      if (result.success) {
+        clearFieldError(fieldName);
+        return true;
+      }
+      const errorMessage = getFieldError(result.error.issues, fieldName);
+      if (!errorMessage) {
+        clearFieldError(fieldName);
         return true;
-      } catch (error) {
-        setErrors((prev) => ({
-          ...prev,
-          [name]: error.errors?.[0]?.message || "\u9A8C\u8BC1\u5931\u8D25"
-        }));
-        return false;
       }
+      setErrors((prev) => ({
+        ...prev,
+        [fieldName]: errorMessage
+      }));
+      return false;
     },
-    [schema, values]
+    [schema, values, clearFieldError]
   );
   const validate = (0, import_react24.useCallback)(async () => {
-    try {
-      await schema.parseAsync(values);
+    const result = await schema.safeParseAsync(values);
+    if (result.success) {
       setErrors({});
       return true;
-    } catch (error) {
-      const formErrors = {};
-      error.errors?.forEach((err) => {
-        const path = err.path.join(".");
-        formErrors[path] = err.message;
-      });
-      setErrors(formErrors);
-      return false;
     }
+    setErrors(buildFormErrors(result.error.issues));
+    return false;
   }, [schema, values]);
   const reset = (0, import_react24.useCallback)(() => {
     setValues(defaultValues);