react-native-system-ui 1.0.2 → 1.0.4

package/dist/es/components/field/tokens.js

@@ -1,138 +1 @@
-import { StyleSheet } from 'react-native';
-import { createComponentTokensHook } from '../../design-system';
-const fieldLayout = StyleSheet.create({
-  body: {
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  controlWrapper: {
-    flex: 1,
-    flexDirection: 'row',
-    alignItems: 'center',
-    minWidth: 0
-  },
-  input: {
-    flex: 1,
-    minWidth: 0,
-    padding: 0,
-    margin: 0,
-    borderWidth: 0,
-    outlineStyle: 'solid',
-    outlineWidth: 0,
-    outlineColor: 'transparent',
-    backgroundColor: 'transparent',
-    includeFontPadding: false,
-    textAlignVertical: 'center'
-  },
-  textarea: {
-    flex: 1,
-    padding: 0,
-    margin: 0,
-    borderWidth: 0,
-    outlineStyle: 'solid',
-    outlineWidth: 0,
-    outlineColor: 'transparent',
-    backgroundColor: 'transparent',
-    textAlignVertical: 'top'
-  },
-  children: {
-    justifyContent: 'center'
-  },
-  leftIcon: {
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  rightIcon: {
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  prefix: {
-    justifyContent: 'center'
-  },
-  suffix: {
-    justifyContent: 'center'
-  },
-  affixText: {
-    includeFontPadding: false
-  },
-  clearIcon: {
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  labelWrapper: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    flexShrink: 0,
-    flexGrow: 0,
-    minWidth: 0
-  },
-  labelRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    minWidth: 0
-  },
-  tooltip: {
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  message: {},
-  wordLimit: {}
-});
-const createFieldTokens = foundations => {
-  const {
-    palette,
-    spacing,
-    fontSize
-  } = foundations;
-  return {
-    layout: fieldLayout,
-    defaults: {
-      labelWidth: 72,
-      labelAlign: 'left',
-      inputAlign: 'left',
-      controlAlign: 'left',
-      clearTrigger: 'focus',
-      formatTrigger: 'onChange',
-      rows: 2,
-      textareaLineHeight: 20
-    },
-    colors: {
-      label: palette.default[700],
-      input: palette.default[800],
-      placeholder: palette.default[300] ?? '#c8c9cc',
-      error: palette.danger[500],
-      disabled: palette.default[500],
-      intro: palette.default[600],
-      tooltip: palette.default[500],
-      clear: palette.default[500],
-      rightIcon: palette.default[500],
-      wordLimit: palette.default[600] ?? '#646566'
-    },
-    spacing: {
-      labelGap: spacing.none,
-      leftIconGap: spacing.xs,
-      rightIconGap: spacing.sm * 1,
-      prefixGap: spacing.sm * 1,
-      suffixGap: spacing.sm * 1,
-      messageMarginTop: spacing.none,
-      introMarginTop: spacing.none,
-      wordLimitMarginTop: spacing.none
-    },
-    typography: {
-      labelSize: fontSize.sm,
-      inputSize: fontSize.sm,
-      inputLineHeight: 24,
-      placeholderSize: fontSize.sm,
-      messageSize: 12,
-      introSize: 12,
-      wordLimitSize: fontSize.xs
-    },
-    sizes: {
-      icon: 16,
-      clearIcon: 16,
-      textareaMinHeight: 60,
-      controlMinHeight: 24
-    }
-  };
-};
-export const useFieldTokens = createComponentTokensHook('field', createFieldTokens);
+import{StyleSheet}from"react-native";import{createComponentTokensHook}from"../../design-system";const fieldLayout=StyleSheet.create({body:{flexDirection:"row",alignItems:"center"},controlWrapper:{flex:1,flexDirection:"row",alignItems:"center",minWidth:0},input:{flex:1,minWidth:0,padding:0,margin:0,borderWidth:0,outlineStyle:"solid",outlineWidth:0,outlineColor:"transparent",backgroundColor:"transparent",includeFontPadding:!1,textAlignVertical:"center"},textarea:{flex:1,padding:0,margin:0,borderWidth:0,outlineStyle:"solid",outlineWidth:0,outlineColor:"transparent",backgroundColor:"transparent",textAlignVertical:"top"},children:{justifyContent:"center"},leftIcon:{justifyContent:"center",alignItems:"center"},rightIcon:{justifyContent:"center",alignItems:"center"},prefix:{justifyContent:"center"},suffix:{justifyContent:"center"},affixText:{includeFontPadding:!1},clearIcon:{justifyContent:"center",alignItems:"center"},labelWrapper:{flexDirection:"row",alignItems:"center",flexShrink:0,flexGrow:0,minWidth:0},labelRow:{flexDirection:"row",alignItems:"center",minWidth:0},tooltip:{justifyContent:"center",alignItems:"center"},message:{},wordLimit:{}}),createFieldTokens=e=>{const{palette:t,spacing:n,fontSize:i}=e;return{layout:fieldLayout,defaults:{labelWidth:72,labelAlign:"left",inputAlign:"left",controlAlign:"left",clearTrigger:"focus",formatTrigger:"onChange",rows:2,textareaLineHeight:20},colors:{label:t.default[700],input:t.default[800],placeholder:t.default[300]??"#c8c9cc",error:t.danger[500],disabled:t.default[500],intro:t.default[600],tooltip:t.default[500],clear:t.default[500],rightIcon:t.default[500],wordLimit:t.default[600]??"#646566"},spacing:{labelGap:n.none,leftIconGap:n.xs,rightIconGap:1*n.sm,prefixGap:1*n.sm,suffixGap:1*n.sm,messageMarginTop:n.none,introMarginTop:n.none,wordLimitMarginTop:n.none},typography:{labelSize:i.sm,inputSize:i.sm,inputLineHeight:24,placeholderSize:i.sm,messageSize:12,introSize:12,wordLimitSize:i.xs},sizes:{icon:16,clearIcon:16,textareaMinHeight:60,controlMinHeight:24}}};export const useFieldTokens=createComponentTokensHook("field",createFieldTokens);

package/dist/es/components/flex/Flex.js

@@ -1,66 +1 @@
-import React, { useMemo } from 'react';
-import { Platform, View } from 'react-native';
-import { useFlexTokens } from './tokens';
-export const FlexContext = /*#__PURE__*/React.createContext({
-  horizontalGap: 0,
-  verticalGap: 0,
-  columns: 24
-});
-const alignMap = {
-  start: 'flex-start',
-  center: 'center',
-  end: 'flex-end',
-  baseline: 'baseline',
-  stretch: 'stretch'
-};
-const justifyMap = {
-  start: 'flex-start',
-  end: 'flex-end',
-  center: 'center',
-  around: 'space-around',
-  between: 'space-between'
-};
-const FlexImpl = props => {
-  const {
-    tokensOverride,
-    children,
-    direction: dirP,
-    wrap: wrapP,
-    gutter: gutP,
-    align: alignP,
-    justify: justP,
-    style,
-    columns: colP
-  } = props;
-  const tokens = useFlexTokens(tokensOverride);
-  const dir = dirP ?? tokens.defaults.direction;
-  const wrap = wrapP ?? tokens.defaults.wrap;
-  const gut = gutP ?? tokens.defaults.gutter;
-  const align = alignP ?? tokens.defaults.align;
-  const just = justP ?? tokens.defaults.justify;
-  const cols = Math.max(1, colP ?? tokens.defaults.columns);
-  const [hR, vR] = Array.isArray(gut) ? gut : [gut, 0];
-  const hG = Math.max(0, hR ?? 0);
-  const vG = Math.max(0, vR ?? 0);
-  const web = Platform.OS === 'web';
-  const ctx = useMemo(() => ({
-    horizontalGap: hG,
-    verticalGap: vG,
-    columns: cols
-  }), [hG, vG, cols]);
-  return /*#__PURE__*/React.createElement(FlexContext.Provider, {
-    value: ctx
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [tokens.layout.container, {
-      flexDirection: dir,
-      flexWrap: wrap,
-      alignItems: alignMap[align],
-      justifyContent: justifyMap[just],
-      marginHorizontal: !web && hG ? -hG / 2 : undefined,
-      marginVertical: !web && vG ? -vG / 2 : undefined,
-      columnGap: web ? hG : undefined,
-      rowGap: web ? vG : undefined
-    }, style]
-  }, children));
-};
-export const Flex = /*#__PURE__*/React.memo(FlexImpl);
+import React,{useMemo}from"react";import{Platform,View}from"react-native";import{useFlexTokens}from"./tokens";export const FlexContext=React.createContext({horizontalGap:0,verticalGap:0,columns:24});const alignMap={start:"flex-start",center:"center",end:"flex-end",baseline:"baseline",stretch:"stretch"},justifyMap={start:"flex-start",end:"flex-end",center:"center",around:"space-around",between:"space-between"},FlexImpl=e=>{const{tokensOverride:t,children:a,direction:r,wrap:n,gutter:o,align:l,justify:i,style:s,columns:c}=e,m=useFlexTokens(t),u=r??m.defaults.direction,f=n??m.defaults.wrap,p=o??m.defaults.gutter,d=l??m.defaults.align,x=i??m.defaults.justify,v=Math.max(1,c??m.defaults.columns),[y,g]=Array.isArray(p)?p:[p,0],M=Math.max(0,y??0),h=Math.max(0,g??0),w="web"===Platform.OS,F=useMemo(()=>({horizontalGap:M,verticalGap:h,columns:v}),[M,h,v]);return React.createElement(FlexContext.Provider,{value:F},React.createElement(View,{style:[m.layout.container,{flexDirection:u,flexWrap:f,alignItems:alignMap[d],justifyContent:justifyMap[x],marginHorizontal:!w&&M?-M/2:void 0,marginVertical:!w&&h?-h/2:void 0,columnGap:w?M:void 0,rowGap:w?h:void 0},s]},a))};export const Flex=React.memo(FlexImpl);

package/dist/es/components/flex/FlexContext.js

@@ -1 +1 @@
-export { FlexContext } from './Flex';
+export{FlexContext}from"./Flex";

package/dist/es/components/flex/FlexItem.js

@@ -1,76 +1 @@
-import React, { useContext } from 'react';
-import { Platform, View } from 'react-native';
-import { FlexContext } from './FlexContext';
-import { isNumber } from '../../utils';
-const parseFlex = v => {
-  if (isNumber(v)) return {
-    flex: v
-  };
-  if (!v) return undefined;
-  const str = v.trim();
-  if (!str) return undefined;
-  if (str === 'auto') return {
-    flexGrow: 1,
-    flexShrink: 1,
-    flexBasis: 'auto'
-  };
-  if (str === 'none') return {
-    flexGrow: 0,
-    flexShrink: 0,
-    flexBasis: 'auto'
-  };
-  const num = Number(str);
-  if (isNumber(num)) return {
-    flex: num
-  };
-  const parts = str.split(/\s+/);
-  if (parts.length >= 2) {
-    const [grow, shrink] = parts.map(Number);
-    if (isNumber(grow) && isNumber(shrink)) {
-      const basisStr = parts.slice(2).join(' ');
-      let flexBasis;
-      if (basisStr === 'auto') flexBasis = 'auto';else if (basisStr) {
-        const pxMatch = basisStr.match(/^(-?\d+(?:\.\d+)?)px$/);
-        const basisNum = pxMatch ? Number(pxMatch[1]) : Number(basisStr);
-        if (isNumber(basisNum)) flexBasis = basisNum;
-      }
-      return {
-        flexGrow: grow,
-        flexShrink: shrink,
-        flexBasis
-      };
-    }
-  }
-  return undefined;
-};
-const FlexItemImpl = ({
-  span,
-  flex,
-  style: s,
-  children: c
-}) => {
-  const {
-    horizontalGap: hg,
-    verticalGap: vg,
-    columns: cols
-  } = useContext(FlexContext);
-  const sg = Platform.OS === 'web';
-  if (isNumber(span) && span <= 0) return null;
-  const ws = {};
-  if (isNumber(span)) {
-    const sc = Math.max(1, cols);
-    const p = Math.min(Math.max(span, 0), sc) / sc;
-    ws.width = `${p * 100}%`;
-    ws.flexGrow = 0;
-    ws.flexShrink = 0;
-  }
-  ;
-  return /*#__PURE__*/React.createElement(View, {
-    style: [sg ? null : {
-      paddingHorizontal: hg / 2,
-      paddingVertical: vg / 2
-    }, ws, parseFlex(flex), s]
-  }, c);
-};
-export const FlexItem = /*#__PURE__*/React.memo(FlexItemImpl);
-FlexItem.displayName = 'FlexItem';
+import React,{useContext}from"react";import{Platform,View}from"react-native";import{FlexContext}from"./FlexContext";import{isNumber}from"../../utils";const parseFlex=e=>{if(isNumber(e))return{flex:e};if(!e)return;const t=e.trim();if(!t)return;if("auto"===t)return{flexGrow:1,flexShrink:1,flexBasis:"auto"};if("none"===t)return{flexGrow:0,flexShrink:0,flexBasis:"auto"};const r=Number(t);if(isNumber(r))return{flex:r};const i=t.split(/\s+/);if(i.length>=2){const[e,t]=i.map(Number);if(isNumber(e)&&isNumber(t)){const r=i.slice(2).join(" ");let l;if("auto"===r)l="auto";else if(r){const e=r.match(/^(-?\d+(?:\.\d+)?)px$/),t=Number(e?e[1]:r);isNumber(t)&&(l=t)}return{flexGrow:e,flexShrink:t,flexBasis:l}}}},FlexItemImpl=({span:e,flex:t,style:r,children:i})=>{const{horizontalGap:l,verticalGap:n,columns:o}=useContext(FlexContext),m="web"===Platform.OS;if(isNumber(e)&&e<=0)return null;const s={};if(isNumber(e)){const t=Math.max(1,o),r=Math.min(Math.max(e,0),t)/t;s.width=100*r+"%",s.flexGrow=0,s.flexShrink=0}return React.createElement(View,{style:[m?null:{paddingHorizontal:l/2,paddingVertical:n/2},s,parseFlex(t),r]},i)};export const FlexItem=React.memo(FlexItemImpl);FlexItem.displayName="FlexItem";

package/dist/es/components/flex/index.js

@@ -1,8 +1 @@
-import { Flex as FlexBase } from './Flex';
-import { FlexItem } from './FlexItem';
-const Flex = Object.assign(FlexBase, {
-  Item: FlexItem
-});
-export default Flex;
-export { Flex };
-export { FlexItem };
+import{Flex as FlexBase}from"./Flex";import{FlexItem}from"./FlexItem";const Flex=Object.assign(FlexBase,{Item:FlexItem});export default Flex;export{Flex};export{FlexItem};

package/dist/es/components/flex/tokens.js

@@ -1,15 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-const createFlexTokens = _foundations => ({
-  defaults: {
-    direction: 'row',
-    wrap: 'nowrap',
-    gutter: 0,
-    align: 'start',
-    justify: 'start',
-    columns: 24
-  },
-  layout: {
-    container: {}
-  }
-});
-export const useFlexTokens = createComponentTokensHook('flex', createFlexTokens);
+import{createComponentTokensHook}from"../../design-system";const createFlexTokens=e=>({defaults:{direction:"row",wrap:"nowrap",gutter:0,align:"start",justify:"start",columns:24},layout:{container:{}}});export const useFlexTokens=createComponentTokensHook("flex",createFlexTokens);

package/dist/es/components/form/Form.js

@@ -1,319 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { View } from 'react-native';
-import { shallowEqualObject, renderTextOrNode } from '../../utils';
-import { isPromiseLike } from '../../utils/promise';
-import { isNumber, isString, isText } from '../../utils/validate';
-import { FORM_ALL_FIELDS_KEY, getValueByName, normalizeTrigger, serializeNamePath, setValueByName } from './utils';
-import { useLocale } from '../config-provider/useLocale';
-export const FormContext = /*#__PURE__*/React.createContext(null);
-const runRuleValidation = (rule, value, values, fallbackMsg) => {
-  const msg = rule.message ?? fallbackMsg ?? 'Validation failed';
-  const empty = value == null || value === '' || Array.isArray(value) && value.length === 0;
-  if (rule.required && (empty || rule.whitespace && isString(value) && value.trim().length === 0)) return msg;
-  if (empty) return null;
-  if (rule.pattern && isString(value) && !rule.pattern.test(value)) return msg;
-  if (rule.len !== undefined || rule.min !== undefined || rule.max !== undefined) {
-    const len = isNumber(value) ? value : isString(value) || Array.isArray(value) ? value.length : 0;
-    if (rule.len !== undefined && len !== rule.len) return msg;
-    if (rule.min !== undefined && len < rule.min) return msg;
-    if (rule.max !== undefined && len > rule.max) return msg;
-  }
-  if (!rule.validator) return null;
-  const handleResult = r => isString(r) ? r : r === false ? msg : null;
-  const res = rule.validator(value, values);
-  return isPromiseLike(res) ? res.then(handleResult) : handleResult(res);
-};
-const InternalFormImpl = (props, ref) => {
-  const {
-    initialValues,
-    colon,
-    labelWidth,
-    showValidateMessage = true,
-    onValuesChange,
-    onFinish,
-    style,
-    footer,
-    children,
-    ...rest
-  } = props;
-  const locale = useLocale();
-  const defaultValuesRef = useRef({}),
-    errorsRef = useRef({}),
-    lastInitialValuesRef = useRef(initialValues ?? defaultValuesRef.current),
-    fieldsRef = useRef({}),
-    dependencyGraphRef = useRef(new Map()),
-    valuesRef = useRef(initialValues ?? defaultValuesRef.current),
-    validationSeqRef = useRef({}),
-    subscribersRef = useRef(new Set()),
-    onValuesChangeRef = useRef(onValuesChange),
-    onFinishRef = useRef(onFinish);
-  onValuesChangeRef.current = onValuesChange;
-  onFinishRef.current = onFinish;
-  const mergedInitialValues = initialValues ?? defaultValuesRef.current;
-  const [, setVersion] = useState(0);
-  const notify = useCallback((changedValues, newValues) => {
-    subscribersRef.current.forEach(l => l(changedValues, newValues));
-  }, []);
-  useEffect(() => {
-    if (shallowEqualObject(lastInitialValuesRef.current, mergedInitialValues)) return;
-    lastInitialValuesRef.current = mergedInitialValues;
-    valuesRef.current = mergedInitialValues;
-    errorsRef.current = {};
-    setVersion(v => v + 1);
-    notify({
-      [FORM_ALL_FIELDS_KEY]: true
-    }, mergedInitialValues);
-  }, [mergedInitialValues, notify]);
-  const setFieldErrors = useCallback((name, newErrors) => {
-    const key = serializeNamePath(name);
-    const prevE = errorsRef.current[key];
-    if (!newErrors.length) {
-      if (!prevE) return;
-      const cl = {
-        ...errorsRef.current
-      };
-      delete cl[key];
-      errorsRef.current = cl;
-      notify({
-        [key]: getValueByName(valuesRef.current, name)
-      }, valuesRef.current);
-      return;
-    }
-    if (prevE?.[0] === newErrors[0] && prevE.length === newErrors.length) return;
-    errorsRef.current = {
-      ...errorsRef.current,
-      [key]: newErrors
-    };
-    notify({
-      [key]: getValueByName(valuesRef.current, name)
-    }, valuesRef.current);
-  }, [notify]);
-  const registerField = useCallback((name, opts) => {
-    const key = serializeNamePath(name);
-    const prev = fieldsRef.current[key];
-    if (prev?.dependencies?.length) {
-      for (const dep of prev.dependencies) {
-        const dk = serializeNamePath(dep);
-        const s = dependencyGraphRef.current.get(dk);
-        if (!s) continue;
-        s.delete(key);
-        if (!s.size) dependencyGraphRef.current.delete(dk);
-      }
-    }
-    fieldsRef.current[key] = {
-      ...opts,
-      name
-    };
-    if (opts.dependencies?.length) {
-      for (const dep of opts.dependencies) {
-        const dk = serializeNamePath(dep);
-        const s = dependencyGraphRef.current.get(dk);
-        if (s) s.add(key);else dependencyGraphRef.current.set(dk, new Set([key]));
-      }
-    }
-    if (opts.initialValue !== undefined) {
-      const exInit = getValueByName(lastInitialValuesRef.current, name);
-      if (exInit === undefined) lastInitialValuesRef.current = setValueByName(lastInitialValuesRef.current, name, opts.initialValue);
-      const exState = getValueByName(valuesRef.current, name);
-      if (exState === undefined) {
-        const next = setValueByName(valuesRef.current, name, opts.initialValue);
-        valuesRef.current = next;
-        notify({
-          [key]: opts.initialValue
-        }, next);
-      }
-    }
-    return () => {
-      const cur = fieldsRef.current[key];
-      delete fieldsRef.current[key];
-      if (cur?.dependencies?.length) {
-        for (const dep of cur.dependencies) {
-          const dk = serializeNamePath(dep);
-          const s = dependencyGraphRef.current.get(dk);
-          if (!s) continue;
-          s.delete(key);
-          if (!s.size) dependencyGraphRef.current.delete(dk);
-        }
-      }
-      ;
-      setFieldErrors(name, []);
-    };
-  }, [notify, setFieldErrors]);
-  const localeRef = useRef(locale);
-  localeRef.current = locale;
-  const validateField = useCallback(async (name, trigger, valueOverride, valuesOverride) => {
-    const key = serializeNamePath(name);
-    const seq = (validationSeqRef.current[key] ?? 0) + 1;
-    validationSeqRef.current[key] = seq;
-    const fOpts = fieldsRef.current[key];
-    const fRules = fOpts?.rules ?? [];
-    if (!fRules.length) {
-      setFieldErrors(name, []);
-      return true;
-    }
-    let appRules = trigger ? fRules.filter(r => {
-      const rt = r.validateTrigger ?? fOpts.validateTrigger;
-      return !rt || normalizeTrigger(rt).includes(trigger);
-    }) : fRules;
-    if (!appRules.length) {
-      if (!errorsRef.current[key]?.length) return true;
-      appRules = fRules;
-    }
-    const curVals = valuesOverride ?? valuesRef.current;
-    const val = valueOverride ?? getValueByName(curVals, name);
-    const fbMsg = localeRef.current?.vanForm?.validationFailed;
-    for (const rule of appRules) {
-      const result = runRuleValidation(rule, val, curVals, fbMsg);
-      const err = isPromiseLike(result) ? await result : result;
-      if (validationSeqRef.current[key] !== seq) return true;
-      if (err) {
-        setFieldErrors(name, [err]);
-        return false;
-      }
-    }
-    if (validationSeqRef.current[key] !== seq) return true;
-    setFieldErrors(name, []);
-    return true;
-  }, [setFieldErrors]);
-  const validateFields = useCallback(async names => {
-    const fNames = names ?? Object.values(fieldsRef.current).map(it => it.name);
-    const results = await Promise.all(fNames.map(n => validateField(n)));
-    if (results.some(r => !r)) throw errorsRef.current;
-    return valuesRef.current;
-  }, [validateField]);
-  const validateWithDependencies = useCallback((key, name, trigger, val, vals) => {
-    validateField(name, trigger, val, vals);
-    const deps = dependencyGraphRef.current.get(key);
-    if (deps?.size) {
-      for (const dk of deps) {
-        const m = fieldsRef.current[dk];
-        if (m) validateField(m.name, trigger, getValueByName(vals, m.name), vals);
-      }
-    }
-  }, [validateField]);
-  const setFieldValue = useCallback((name, val, trigger) => {
-    const nKey = serializeNamePath(name);
-    const prev = valuesRef.current;
-    if (getValueByName(prev, name) === val) return;
-    const next = setValueByName(prev, name, val);
-    valuesRef.current = next;
-    onValuesChangeRef.current?.(next, nKey, val);
-    validateWithDependencies(nKey, name, trigger, val, next);
-    notify({
-      [nKey]: val
-    }, next);
-  }, [notify, validateWithDependencies]);
-  const formApi = useMemo(() => ({
-    submit: async () => {
-      try {
-        const res = await validateFields();
-        onFinishRef.current?.(res);
-        return res;
-      } catch {
-        return undefined;
-      }
-    },
-    getFieldsValue: () => valuesRef.current,
-    setFieldsValue: (next, opts) => {
-      const sV = opts?.validate ?? false;
-      const prev = valuesRef.current;
-      let m = prev;
-      const ch = {};
-      Object.keys(next).forEach(k => {
-        const nv = next[k];
-        if (getValueByName(m, k) === nv) return;
-        ch[k] = nv;
-        m = setValueByName(m, k, nv);
-        onValuesChangeRef.current?.(m, k, nv);
-        if (sV) validateWithDependencies(k, k, undefined, nv, m);
-      });
-      if (m === prev) return;
-      valuesRef.current = m;
-      notify(ch, m);
-    },
-    resetFields: () => {
-      let n = lastInitialValuesRef.current;
-      Object.values(fieldsRef.current).forEach(mem => {
-        if (mem.initialValue === undefined) return;
-        if (getValueByName(n, mem.name) !== undefined) return;
-        n = setValueByName(n, mem.name, mem.initialValue);
-      });
-      valuesRef.current = n;
-      errorsRef.current = {};
-      notify({
-        [FORM_ALL_FIELDS_KEY]: true
-      }, n);
-    },
-    validateFields,
-    getFieldError: name => errorsRef.current[serializeNamePath(name)] ?? []
-  }), [validateFields, validateWithDependencies, notify]);
-  useImperativeHandle(ref, () => formApi, [formApi]);
-  const ctxVal = useMemo(() => ({
-    getFieldValue: name => getValueByName(valuesRef.current, name),
-    setFieldValue,
-    registerField,
-    getFieldError: name => errorsRef.current[serializeNamePath(name)],
-    validateField: (name, trigger) => validateField(name, trigger),
-    getFieldsValue: () => valuesRef.current,
-    subscribe: listener => {
-      subscribersRef.current.add(listener);
-      return () => subscribersRef.current.delete(listener);
-    },
-    form: formApi,
-    colon,
-    labelWidth,
-    showValidateMessage
-  }), [setFieldValue, registerField, validateField, formApi, colon, labelWidth, showValidateMessage]);
-  return /*#__PURE__*/React.createElement(FormContext.Provider, {
-    value: ctxVal
-  }, /*#__PURE__*/React.createElement(View, _extends({
-    style: style
-  }, rest), children, isText(footer) ? renderTextOrNode(footer, []) : footer));
-};
-const InternalFormRef = /*#__PURE__*/React.forwardRef(InternalFormImpl);
-const InternalForm = /*#__PURE__*/React.memo(InternalFormRef);
-export const useWatch = (name, formRef) => {
-  const ctx = useContext(FormContext);
-  const nPaths = name === undefined ? undefined : !Array.isArray(name) ? [name] : name.length && isText(name[0]) ? [name] : name;
-  const getValue = useCallback(allValues => {
-    const src = allValues ?? ctx?.getFieldsValue?.() ?? formRef?.current?.getFieldsValue?.() ?? {};
-    if (!nPaths) return src;
-    if (nPaths.length === 1) return getValueByName(src, nPaths[0]);
-    const picked = {};
-    for (const k of nPaths) picked[serializeNamePath(k)] = getValueByName(src, k);
-    return picked;
-  }, [ctx, formRef, nPaths]);
-  const [val, setVal] = useState(() => getValue());
-  useEffect(() => {
-    if (!ctx?.subscribe) return undefined;
-    return ctx.subscribe((ch, all) => {
-      if (FORM_ALL_FIELDS_KEY in ch) {
-        setVal(getValue(all));
-        return;
-      }
-      ;
-      if (!nPaths || nPaths.some(k => serializeNamePath(k) in ch)) setVal(getValue(all));
-    });
-  }, [ctx, getValue, nPaths]);
-  useEffect(() => {
-    setVal(getValue());
-  }, [getValue]);
-  return val;
-};
-export const FormSubscribe = ({
-  to,
-  children
-}) => {
-  const ctx = useContext(FormContext);
-  const [chVals, setChVals] = useState({});
-  useEffect(() => {
-    if (!ctx?.subscribe) return undefined;
-    return ctx.subscribe(n => {
-      if (to && !(FORM_ALL_FIELDS_KEY in n) && !Object.keys(n).some(k => to.includes(k))) return;
-      setChVals(n);
-    });
-  }, [ctx, to]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children(chVals, ctx?.form || null));
-};
-export default InternalForm;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}import React,{useCallback,useContext,useEffect,useImperativeHandle,useMemo,useRef,useState}from"react";import{View}from"react-native";import{shallowEqualObject,renderTextOrNode}from"../../utils";import{isPromiseLike}from"../../utils/promise";import{isNumber,isString,isText}from"../../utils/validate";import{FORM_ALL_FIELDS_KEY,getValueByName,normalizeTrigger,serializeNamePath,setValueByName}from"./utils";import{useLocale}from"../config-provider/useLocale";export const FormContext=React.createContext(null);const runRuleValidation=(e,t,r,n)=>{const a=e.message??n??"Validation failed",i=null==t||""===t||Array.isArray(t)&&0===t.length;if(e.required&&(i||e.whitespace&&isString(t)&&0===t.trim().length))return a;if(i)return null;if(e.pattern&&isString(t)&&!e.pattern.test(t))return a;if(void 0!==e.len||void 0!==e.min||void 0!==e.max){const r=isNumber(t)?t:isString(t)||Array.isArray(t)?t.length:0;if(void 0!==e.len&&r!==e.len)return a;if(void 0!==e.min&&r<e.min)return a;if(void 0!==e.max&&r>e.max)return a}if(!e.validator)return null;const u=e=>isString(e)?e:!1===e?a:null,s=e.validator(t,r);return isPromiseLike(s)?s.then(u):u(s)},InternalFormImpl=(e,t)=>{const{initialValues:r,colon:n,labelWidth:a,showValidateMessage:i=!0,onValuesChange:u,onFinish:s,style:l,footer:c,children:o,...m}=e,d=useLocale(),f=useRef({}),g=useRef({}),h=useRef(r??f.current),V=useRef({}),F=useRef(new Map),v=useRef(r??f.current),b=useRef({}),y=useRef(new Set),N=useRef(u),p=useRef(s);N.current=u,p.current=s;const R=r??f.current,[,E]=useState(0),x=useCallback((e,t)=>{y.current.forEach(r=>r(e,t))},[]);useEffect(()=>{shallowEqualObject(h.current,R)||(h.current=R,v.current=R,g.current={},E(e=>e+1),x({[FORM_ALL_FIELDS_KEY]:!0},R))},[R,x]);const L=useCallback((e,t)=>{const r=serializeNamePath(e),n=g.current[r];if(!t.length){if(!n)return;const t={...g.current};return delete t[r],g.current=t,void x({[r]:getValueByName(v.current,e)},v.current)}n?.[0]===t[0]&&n.length===t.length||(g.current={...g.current,[r]:t},x({[r]:getValueByName(v.current,e)},v.current))},[x]),B=useCallback((e,t)=>{const r=serializeNamePath(e),n=V.current[r];if(n?.dependencies?.length)for(const e of n.dependencies){const t=serializeNamePath(e),n=F.current.get(t);n&&(n.delete(r),n.size||F.current.delete(t))}if(V.current[r]={...t,name:e},t.dependencies?.length)for(const e of t.dependencies){const t=serializeNamePath(e),n=F.current.get(t);n?n.add(r):F.current.set(t,new Set([r]))}if(void 0!==t.initialValue){void 0===getValueByName(h.current,e)&&(h.current=setValueByName(h.current,e,t.initialValue));if(void 0===getValueByName(v.current,e)){const n=setValueByName(v.current,e,t.initialValue);v.current=n,x({[r]:t.initialValue},n)}}return()=>{const t=V.current[r];if(delete V.current[r],t?.dependencies?.length)for(const e of t.dependencies){const t=serializeNamePath(e),n=F.current.get(t);n&&(n.delete(r),n.size||F.current.delete(t))}L(e,[])}},[x,L]),_=useRef(d);_.current=d;const C=useCallback(async(e,t,r,n)=>{const a=serializeNamePath(e),i=(b.current[a]??0)+1;b.current[a]=i;const u=V.current[a],s=u?.rules??[];if(!s.length)return L(e,[]),!0;let l=t?s.filter(e=>{const r=e.validateTrigger??u.validateTrigger;return!r||normalizeTrigger(r).includes(t)}):s;if(!l.length){if(!g.current[a]?.length)return!0;l=s}const c=n??v.current,o=r??getValueByName(c,e),m=_.current?.vanForm?.validationFailed;for(const t of l){const r=runRuleValidation(t,o,c,m),n=isPromiseLike(r)?await r:r;if(b.current[a]!==i)return!0;if(n)return L(e,[n]),!1}return b.current[a]!==i||L(e,[]),!0},[L]),P=useCallback(async e=>{const t=e??Object.values(V.current).map(e=>e.name);if((await Promise.all(t.map(e=>C(e)))).some(e=>!e))throw g.current;return v.current},[C]),z=useCallback((e,t,r,n,a)=>{C(t,r,n,a);const i=F.current.get(e);if(i?.size)for(const e of i){const t=V.current[e];t&&C(t.name,r,getValueByName(a,t.name),a)}},[C]),S=useCallback((e,t,r)=>{const n=serializeNamePath(e),a=v.current;if(getValueByName(a,e)===t)return;const i=setValueByName(a,e,t);v.current=i,N.current?.(i,n,t),z(n,e,r,t,i),x({[n]:t},i)},[x,z]),w=useMemo(()=>({submit:async()=>{try{const e=await P();return p.current?.(e),e}catch{return}},getFieldsValue:()=>v.current,setFieldsValue:(e,t)=>{const r=t?.validate??!1,n=v.current;let a=n;const i={};Object.keys(e).forEach(t=>{const n=e[t];getValueByName(a,t)!==n&&(i[t]=n,a=setValueByName(a,t,n),N.current?.(a,t,n),r&&z(t,t,void 0,n,a))}),a!==n&&(v.current=a,x(i,a))},resetFields:()=>{let e=h.current;Object.values(V.current).forEach(t=>{void 0!==t.initialValue&&void 0===getValueByName(e,t.name)&&(e=setValueByName(e,t.name,t.initialValue))}),v.current=e,g.current={},x({[FORM_ALL_FIELDS_KEY]:!0},e)},validateFields:P,getFieldError:e=>g.current[serializeNamePath(e)]??[]}),[P,z,x]);useImperativeHandle(t,()=>w,[w]);const O=useMemo(()=>({getFieldValue:e=>getValueByName(v.current,e),setFieldValue:S,registerField:B,getFieldError:e=>g.current[serializeNamePath(e)],validateField:(e,t)=>C(e,t),getFieldsValue:()=>v.current,subscribe:e=>(y.current.add(e),()=>y.current.delete(e)),form:w,colon:n,labelWidth:a,showValidateMessage:i}),[S,B,C,w,n,a,i]);return React.createElement(FormContext.Provider,{value:O},React.createElement(View,_extends({style:l},m),o,isText(c)?renderTextOrNode(c,[]):c))},InternalFormRef=React.forwardRef(InternalFormImpl),InternalForm=React.memo(InternalFormRef);export const useWatch=(e,t)=>{const r=useContext(FormContext),n=void 0===e?void 0:Array.isArray(e)?e.length&&isText(e[0])?[e]:e:[e],a=useCallback(e=>{const a=e??r?.getFieldsValue?.()??t?.current?.getFieldsValue?.()??{};if(!n)return a;if(1===n.length)return getValueByName(a,n[0]);const i={};for(const e of n)i[serializeNamePath(e)]=getValueByName(a,e);return i},[r,t,n]),[i,u]=useState(()=>a());return useEffect(()=>{if(r?.subscribe)return r.subscribe((e,t)=>{FORM_ALL_FIELDS_KEY in e?u(a(t)):n&&!n.some(t=>serializeNamePath(t)in e)||u(a(t))})},[r,a,n]),useEffect(()=>{u(a())},[a]),i};export const FormSubscribe=({to:e,children:t})=>{const r=useContext(FormContext),[n,a]=useState({});return useEffect(()=>{if(r?.subscribe)return r.subscribe(t=>{(!e||FORM_ALL_FIELDS_KEY in t||Object.keys(t).some(t=>e.includes(t)))&&a(t)})},[r,e]),React.createElement(React.Fragment,null,t(n,r?.form||null))};export default InternalForm;

package/dist/es/components/form/FormContext.js

@@ -1 +1 @@
-export { FormContext } from './Form';
+export{FormContext}from"./Form";