react-native-system-ui 1.0.2 → 1.0.3

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

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

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

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FormContext", {
-  enumerable: true,
-  get: function () {
-    return _Form.FormContext;
-  }
-});
-var _Form = require("./Form");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"FormContext",{enumerable:!0,get:function(){return _Form.FormContext}});var _Form=require("./Form");

package/dist/cjs/components/form/FormItem.js

@@ -1,151 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FormItem = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-var _utils = require("../../utils");
-var _FormContext = require("./FormContext");
-var _utils2 = require("./utils");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const EMPTY_RULES = [];
-const EMPTY_VALUES = {};
-const FormItemImpl = ({
-  name,
-  label,
-  description,
-  intro,
-  tooltip,
-  rules,
-  dependencies,
-  valuePropName = 'value',
-  trigger = 'onChangeText',
-  validateTrigger,
-  showValidateMessage,
-  required,
-  shouldUpdate,
-  initialValue,
-  children
-}) => {
-  const renderProps = typeof children === 'function';
-  const ctx = (0, _react().useContext)(_FormContext.FormContext);
-  const normRules = rules ?? EMPTY_RULES;
-  const nKey = name ? (0, _utils2.serializeNamePath)(name) : undefined;
-  const shouldAlwaysUp = renderProps && !nKey && !shouldUpdate;
-  const prevValsRef = (0, _react().useRef)(EMPTY_VALUES);
-  const [, forceUpdate] = (0, _react().useState)(0);
-  (0, _react().useEffect)(() => {
-    if (!ctx?.subscribe) return undefined;
-    return ctx.subscribe((ch, all) => {
-      if (_utils2.FORM_ALL_FIELDS_KEY in ch) {
-        forceUpdate(v => v + 1);
-        return;
-      }
-      ;
-      if (shouldAlwaysUp) {
-        forceUpdate(v => v + 1);
-        return;
-      }
-      ;
-      if (shouldUpdate) {
-        if (shouldUpdate(prevValsRef.current, all)) forceUpdate(v => v + 1);
-        return;
-      }
-      ;
-      if (nKey && nKey in ch) forceUpdate(v => v + 1);
-    });
-  }, [ctx, nKey, shouldUpdate, shouldAlwaysUp]);
-  const curVals = ctx?.getFieldsValue() ?? EMPTY_VALUES;
-  (0, _react().useEffect)(() => {
-    prevValsRef.current = curVals;
-  }, [curVals]);
-  (0, _react().useEffect)(() => {
-    if (!name || !ctx) return undefined;
-    return ctx.registerField(name, {
-      rules: normRules,
-      dependencies,
-      initialValue,
-      validateTrigger: validateTrigger ?? trigger
-    });
-  }, [ctx, name, normRules, dependencies, initialValue, validateTrigger, trigger]);
-  if (!ctx) {
-    if (renderProps) return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, children({
-      getFieldValue: () => undefined,
-      getFieldsValue: () => EMPTY_VALUES,
-      form: null
-    }));
-    return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, children);
-  }
-  ;
-  const shouldRender = !shouldUpdate || shouldUpdate(prevValsRef.current, curVals);
-  const modelVal = name ? ctx.getFieldValue(name) : undefined;
-  const rShowMsg = showValidateMessage ?? ctx.showValidateMessage ?? true;
-  const fieldErrs = name ? ctx.getFieldError(name) : undefined;
-  const fieldErr = rShowMsg ? fieldErrs?.[0] : undefined;
-  const rRequired = required ?? normRules.some(r => r.required);
-  const rValidateTrigger = (0, _utils2.normalizeTrigger)(validateTrigger ?? trigger);
-  if (renderProps) {
-    if (!shouldRender) return null;
-    return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, children({
-      getFieldValue: ctx.getFieldValue,
-      getFieldsValue: ctx.getFieldsValue,
-      form: ctx.form || null
-    }));
-  }
-  ;
-  if (!name) return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, children);
-  if (!shouldRender) return null;
-  const chArr = _react().default.Children.toArray(children);
-  if (chArr.length !== 1) return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, children);
-  const child = chArr[0];
-  const handleChange = next => {
-    ctx.setFieldValue(name, next, trigger);
-    const orig = child.props[trigger];
-    if ((0, _utils.isFunction)(orig)) orig(next);
-  };
-  const dispName = child.type.displayName;
-  const isFieldLike = (0, _utils.isString)(dispName) && (dispName.includes('Field') || dispName.includes('Input'));
-  const rValue = () => {
-    const cv = child.props[valuePropName];
-    if (cv !== undefined) return cv;
-    if (modelVal !== undefined) return modelVal;
-    if (isFieldLike && valuePropName === 'value') return '';
-    return modelVal;
-  };
-  const injected = {
-    [valuePropName]: rValue(),
-    [trigger]: handleChange
-  };
-  rValidateTrigger.forEach(ev => {
-    if (!ev || ev === trigger) return;
-    const orig = child.props[ev];
-    injected[ev] = (...args) => {
-      if ((0, _utils.isFunction)(orig)) orig(...args);
-      ctx.validateField(name, ev);
-    };
-  });
-  const cp = child.props;
-  if (label !== undefined && cp.label === undefined) injected.label = label;
-  if (ctx.colon !== undefined && injected.label !== undefined && cp.colon === undefined) injected.colon = ctx.colon;
-  if (ctx.labelWidth !== undefined && cp.labelWidth === undefined) injected.labelWidth = ctx.labelWidth;
-  if (description && cp.description === undefined) injected.description = description;
-  if (intro && cp.intro === undefined) injected.intro = intro;
-  if (tooltip && cp.tooltip === undefined) injected.tooltip = tooltip;
-  if (rRequired && cp.required === undefined) injected.required = true;
-  if (fieldErr && cp.errorMessage === undefined) {
-    injected.error = true;
-    injected.errorMessage = fieldErr;
-  }
-  ;
-  return /*#__PURE__*/_react().default.cloneElement(child, injected);
-};
-FormItemImpl.displayName = 'FormItem';
-const FormItem = exports.FormItem = /*#__PURE__*/_react().default.memo(FormItemImpl);
-var _default = exports.default = FormItem;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.FormItem=void 0;var _utils=require("../../utils"),_FormContext=require("./FormContext"),_utils2=require("./utils");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,i=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,o,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(l=t?i:r){if(l.has(e))return l.get(e);l.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?l(a,t,o):a[t]=e[t]);return a})(e,t)}const EMPTY_RULES=[],EMPTY_VALUES={},FormItemImpl=({name:e,label:t,description:r,intro:i,tooltip:l,rules:o,dependencies:a,valuePropName:n="value",trigger:u="onChangeText",validateTrigger:d,showValidateMessage:s,required:c,shouldUpdate:f,initialValue:_,children:m})=>{const p="function"==typeof m,F=(0,_react().useContext)(_FormContext.FormContext),g=o??EMPTY_RULES,v=e?(0,_utils2.serializeNamePath)(e):void 0,E=p&&!v&&!f,V=(0,_react().useRef)(EMPTY_VALUES),[,b]=(0,_react().useState)(0);(0,_react().useEffect)(()=>{if(F?.subscribe)return F.subscribe((e,t)=>{_utils2.FORM_ALL_FIELDS_KEY in e||E?b(e=>e+1):f?f(V.current,t)&&b(e=>e+1):v&&v in e&&b(e=>e+1)})},[F,v,f,E]);const M=F?.getFieldsValue()??EMPTY_VALUES;if((0,_react().useEffect)(()=>{V.current=M},[M]),(0,_react().useEffect)(()=>{if(e&&F)return F.registerField(e,{rules:g,dependencies:a,initialValue:_,validateTrigger:d??u})},[F,e,g,a,_,d,u]),!F)return p?_react().default.createElement(_react().default.Fragment,null,m({getFieldValue:()=>{},getFieldsValue:()=>EMPTY_VALUES,form:null})):_react().default.createElement(_react().default.Fragment,null,m);const h=!f||f(V.current,M),I=e?F.getFieldValue(e):void 0,y=s??F.showValidateMessage??!0,P=e?F.getFieldError(e):void 0,q=y?P?.[0]:void 0,x=c??g.some(e=>e.required),T=(0,_utils2.normalizeTrigger)(d??u);if(p)return h?_react().default.createElement(_react().default.Fragment,null,m({getFieldValue:F.getFieldValue,getFieldsValue:F.getFieldsValue,form:F.form||null})):null;if(!e)return _react().default.createElement(_react().default.Fragment,null,m);if(!h)return null;const W=_react().default.Children.toArray(m);if(1!==W.length)return _react().default.createElement(_react().default.Fragment,null,m);const L=W[0],S=L.type.displayName,C=(0,_utils.isString)(S)&&(S.includes("Field")||S.includes("Input")),R={[n]:(()=>{const e=L.props[n];return void 0!==e?e:void 0!==I?I:C&&"value"===n?"":I})(),[u]:t=>{F.setFieldValue(e,t,u);const r=L.props[u];(0,_utils.isFunction)(r)&&r(t)}};T.forEach(t=>{if(!t||t===u)return;const r=L.props[t];R[t]=(...i)=>{(0,_utils.isFunction)(r)&&r(...i),F.validateField(e,t)}});const U=L.props;return void 0!==t&&void 0===U.label&&(R.label=t),void 0!==F.colon&&void 0!==R.label&&void 0===U.colon&&(R.colon=F.colon),void 0!==F.labelWidth&&void 0===U.labelWidth&&(R.labelWidth=F.labelWidth),r&&void 0===U.description&&(R.description=r),i&&void 0===U.intro&&(R.intro=i),l&&void 0===U.tooltip&&(R.tooltip=l),x&&void 0===U.required&&(R.required=!0),q&&void 0===U.errorMessage&&(R.error=!0,R.errorMessage=q),_react().default.cloneElement(L,R)};FormItemImpl.displayName="FormItem";const FormItem=exports.FormItem=_react().default.memo(FormItemImpl);var _default=exports.default=FormItem;

package/dist/cjs/components/form/FormList.js

@@ -1,95 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormList = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-var _FormContext = require("./FormContext");
-var _utils = require("./utils");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const getList = (context, name) => {
-  const raw = (0, _utils.getValueByName)(context.getFieldsValue(), name);
-  return Array.isArray(raw) ? raw : [];
-};
-const FormList = ({
-  name,
-  initialValue,
-  children
-}) => {
-  const ctx = (0, _react().useContext)(_FormContext.FormContext);
-  const keyCounterRef = (0, _react().useRef)(0);
-  const keysRef = (0, _react().useRef)([]);
-  const nKey = (0, _utils.serializeNamePath)(name);
-  const [listValue, setListValue] = (0, _react().useState)(() => ctx ? getList(ctx, name) : []);
-  const syncKeys = (0, _react().useCallback)(len => {
-    const k = keysRef.current;
-    while (k.length < len) k.push(keyCounterRef.current++);
-    if (k.length > len) keysRef.current = k.slice(0, len);
-  }, []);
-  const ensureInitial = (0, _react().useCallback)(() => {
-    if (!ctx) return;
-    if ((0, _utils.getValueByName)(ctx.getFieldsValue(), name) === undefined && initialValue !== undefined) ctx.setFieldValue(name, initialValue);
-  }, [ctx, initialValue, name]);
-  (0, _react().useEffect)(() => {
-    ensureInitial();
-  }, [ensureInitial]);
-  (0, _react().useEffect)(() => {
-    if (!ctx?.subscribe) return undefined;
-    return ctx.subscribe((ch, all) => {
-      if (_utils.FORM_ALL_FIELDS_KEY in ch || nKey in ch) {
-        const next = (0, _utils.getValueByName)(all, name);
-        const nl = Array.isArray(next) ? next : [];
-        syncKeys(nl.length);
-        setListValue(nl);
-      }
-    });
-  }, [ctx, name, nKey, syncKeys]);
-  const add = (0, _react().useCallback)((defaultValue, index) => {
-    if (!ctx) return;
-    const a = getList(ctx, name);
-    const i = typeof index === 'number' ? index : a.length;
-    const next = [...a];
-    next.splice(i, 0, defaultValue);
-    keysRef.current.splice(i, 0, keyCounterRef.current++);
-    ctx.setFieldValue(name, next);
-  }, [ctx, name]);
-  const remove = (0, _react().useCallback)(index => {
-    if (!ctx) return;
-    const a = getList(ctx, name);
-    if (index < 0 || index >= a.length) return;
-    keysRef.current.splice(index, 1);
-    ctx.setFieldValue(name, a.slice(0, index).concat(a.slice(index + 1)));
-  }, [ctx, name]);
-  const move = (0, _react().useCallback)((from, to) => {
-    if (!ctx) return;
-    const a = getList(ctx, name);
-    if (from === to || from < 0 || to < 0 || from >= a.length || to >= a.length) return;
-    const next = [...a];
-    const item = next.splice(from, 1)[0];
-    next.splice(to, 0, item);
-    const [movedKey] = keysRef.current.splice(from, 1);
-    keysRef.current.splice(to, 0, movedKey);
-    ctx.setFieldValue(name, next);
-  }, [ctx, name]);
-  if (!ctx) return null;
-  syncKeys(listValue.length);
-  const fields = listValue.map((_, i) => ({
-    name: i,
-    key: keysRef.current[i],
-    isListField: true
-  }));
-  return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, children(fields, {
-    add,
-    remove,
-    move
-  }));
-};
-exports.FormList = FormList;
-FormList.displayName = 'Form.List';
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormList=void 0;var _FormContext=require("./FormContext"),_utils=require("./utils");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,i=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,s,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(n=t?i:r){if(n.has(e))return n.get(e);n.set(e,u)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?n(u,t,s):u[t]=e[t]);return u})(e,t)}const getList=(e,t)=>{const r=(0,_utils.getValueByName)(e.getFieldsValue(),t);return Array.isArray(r)?r:[]},FormList=({name:e,initialValue:t,children:r})=>{const i=(0,_react().useContext)(_FormContext.FormContext),n=(0,_react().useRef)(0),s=(0,_react().useRef)([]),u=(0,_utils.serializeNamePath)(e),[c,a]=(0,_react().useState)(()=>i?getList(i,e):[]),l=(0,_react().useCallback)(e=>{const t=s.current;for(;t.length<e;)t.push(n.current++);t.length>e&&(s.current=t.slice(0,e))},[]),o=(0,_react().useCallback)(()=>{i&&void 0===(0,_utils.getValueByName)(i.getFieldsValue(),e)&&void 0!==t&&i.setFieldValue(e,t)},[i,t,e]);(0,_react().useEffect)(()=>{o()},[o]),(0,_react().useEffect)(()=>{if(i?.subscribe)return i.subscribe((t,r)=>{if(_utils.FORM_ALL_FIELDS_KEY in t||u in t){const t=(0,_utils.getValueByName)(r,e),i=Array.isArray(t)?t:[];l(i.length),a(i)}})},[i,e,u,l]);const _=(0,_react().useCallback)((t,r)=>{if(!i)return;const u=getList(i,e),c="number"==typeof r?r:u.length,a=[...u];a.splice(c,0,t),s.current.splice(c,0,n.current++),i.setFieldValue(e,a)},[i,e]),f=(0,_react().useCallback)(t=>{if(!i)return;const r=getList(i,e);t<0||t>=r.length||(s.current.splice(t,1),i.setFieldValue(e,r.slice(0,t).concat(r.slice(t+1))))},[i,e]),p=(0,_react().useCallback)((t,r)=>{if(!i)return;const n=getList(i,e);if(t===r||t<0||r<0||t>=n.length||r>=n.length)return;const u=[...n],c=u.splice(t,1)[0];u.splice(r,0,c);const[a]=s.current.splice(t,1);s.current.splice(r,0,a),i.setFieldValue(e,u)},[i,e]);if(!i)return null;l(c.length);const d=c.map((e,t)=>({name:t,key:s.current[t],isListField:!0}));return _react().default.createElement(_react().default.Fragment,null,r(d,{add:_,remove:f,move:p}))};exports.FormList=FormList,FormList.displayName="Form.List";