@vef-framework/components 1.0.128 → 1.0.130

package/cjs/vef-form/hooks/use-action-handlers.cjs

@@ -1,133 +1,2 @@
 "use strict";
-'use strict';
-
-var core = require('@vef-framework/core');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-var store = require('../store.cjs');
-
-"use strict";
-function useActionHandlers({
-  submitApi,
-  submitTip = "提交中...",
-  onBeforeSubmit,
-  onSubmit,
-  onSubmitSuccess,
-  onSubmitFailure,
-  onReset
-}) {
-  const [
-    form,
-    scene,
-    eventBus,
-    setIsLoading,
-    virtualFieldNames,
-    getValues,
-    initialValues,
-    invokeValueChangeHandlers
-  ] = store.useFormStore((state) => [
-    state.form,
-    state.scene,
-    state.eventBus,
-    state.setIsLoading,
-    state.virtualFieldNames,
-    state.getValues,
-    state.initialValues,
-    state.invokeValueChangeHandlers
-  ]);
-  const { useApiMutation, stubMutationApi } = core.useApiContext();
-  const { mutate } = useApiMutation(submitApi ?? stubMutationApi);
-  if (!shared.isFunction(onSubmit) && !submitApi) {
-    throw new shared.VefError(-1, "'onSubmit' or 'submitApi' prop is required for VefForm component");
-  }
-  const handleReset = react.useCallback(() => {
-    const values = getValues();
-    form.resetFields();
-    invokeValueChangeHandlers();
-    eventBus.emitChange(initialValues);
-    onReset?.(values, scene);
-  }, [
-    form,
-    getValues,
-    onReset,
-    scene,
-    invokeValueChangeHandlers,
-    initialValues,
-    eventBus
-  ]);
-  const handleSubmit = react.useMemo(() => {
-    if (shared.isFunction(onSubmit)) {
-      if (submitApi) {
-        console.warn("'submitApi' prop is ignored when 'onSubmit' prop is provided in VefForm component");
-      }
-      return async (values) => {
-        setIsLoading(true);
-        let valuesToUse = values;
-        let closeLoading = null;
-        try {
-          const submitTipToUse = shared.isFunction(submitTip) ? submitTip(values, scene) : submitTip;
-          closeLoading = shared.showLoadingMessage(submitTipToUse);
-          if (shared.isFunction(onBeforeSubmit)) {
-            valuesToUse = await onBeforeSubmit(valuesToUse, scene);
-          }
-          const valuesToSubmit = shared.omit(valuesToUse, virtualFieldNames);
-          await onSubmit(valuesToSubmit, scene);
-          eventBus.emitSubmitResult(true);
-        } catch (error) {
-          eventBus.emitSubmitResult(false);
-          throw error;
-        } finally {
-          setIsLoading(false);
-          closeLoading?.();
-        }
-      };
-    }
-    return async (values) => {
-      setIsLoading(true);
-      let valuesToUse = values;
-      let closeLoading = null;
-      try {
-        const submitTipToUse = shared.isFunction(submitTip) ? submitTip(values, scene) : submitTip;
-        closeLoading = shared.showLoadingMessage(submitTipToUse);
-        if (shared.isFunction(onBeforeSubmit)) {
-          valuesToUse = await onBeforeSubmit(values, scene);
-        }
-        const toSubmitValues = shared.omit(valuesToUse, virtualFieldNames);
-        const apiResponse = await mutate(toSubmitValues);
-        (onSubmitSuccess ?? (({ message }) => {
-          shared.showSuccessMessage(message);
-        }))(apiResponse, valuesToUse, scene);
-        eventBus.emitSubmitResult(true);
-      } catch (error) {
-        eventBus.emitSubmitResult(false);
-        onSubmitFailure?.(error, valuesToUse, scene);
-      } finally {
-        setIsLoading(false);
-        closeLoading?.();
-      }
-    };
-  }, [
-    onSubmit,
-    submitApi,
-    setIsLoading,
-    submitTip,
-    scene,
-    onBeforeSubmit,
-    virtualFieldNames,
-    eventBus,
-    mutate,
-    onSubmitSuccess,
-    onSubmitFailure
-  ]);
-  const handleSubmitFailed = react.useCallback(({ values, errorFields }) => {
-    eventBus.emitSubmitResult(false);
-    onSubmitFailure?.(new shared.VefError(-1, errorFields.flatMap((field) => field.errors).join(", ")), values, scene);
-  }, [eventBus, onSubmitFailure, scene]);
-  return {
-    handleReset,
-    handleSubmit,
-    handleSubmitFailed
-  };
-}
-
-exports.useActionHandlers = useActionHandlers;
+"use strict";var H=require("@vef-framework/core"),t=require("@vef-framework/shared"),h=require("react"),E=require("../store.cjs");function L({submitApi:c,submitTip:u="提交中...",onBeforeSubmit:a,onSubmit:m,onSubmitSuccess:F,onSubmitFailure:b,onReset:p}){const[w,i,n,l,d,f,g,v]=E.useFormStore(e=>[e.form,e.scene,e.eventBus,e.setIsLoading,e.virtualFieldNames,e.getValues,e.initialValues,e.invokeValueChangeHandlers]),{useApiMutation:A,stubMutationApi:M}=H.useApiContext(),{mutate:V}=A(c??M);if(!t.isFunction(m)&&!c)throw new t.VefError(-1,"'onSubmit' or 'submitApi' prop is required for VefForm component");const R=h.useCallback(()=>{const e=f();w.resetFields(),v(),n.emitChange(g),p?.(e,i)},[w,f,p,i,v,g,n]),q=h.useMemo(()=>t.isFunction(m)?(c&&console.warn("'submitApi' prop is ignored when 'onSubmit' prop is provided in VefForm component"),async e=>{l(!0);let s=e,r=null;try{const o=t.isFunction(u)?u(e,i):u;r=t.showLoadingMessage(o),t.isFunction(a)&&(s=await a(s,i));const S=t.omit(s,d);await m(S,i),n.emitSubmitResult(!0)}catch(o){throw n.emitSubmitResult(!1),o}finally{l(!1),r?.()}}):async e=>{l(!0);let s=e,r=null;try{const o=t.isFunction(u)?u(e,i):u;r=t.showLoadingMessage(o),t.isFunction(a)&&(s=await a(e,i));const S=t.omit(s,d),C=await V(S);(F??(({message:k})=>{t.showSuccessMessage(k)}))(C,s,i),n.emitSubmitResult(!0)}catch(o){n.emitSubmitResult(!1),b?.(o,s,i)}finally{l(!1),r?.()}},[m,c,l,u,i,a,d,n,V,F,b]),y=h.useCallback(({values:e,errorFields:s})=>{n.emitSubmitResult(!1),b?.(new t.VefError(-1,s.flatMap(r=>r.errors).join(", ")),e,i)},[n,b,i]);return{handleReset:R,handleSubmit:q,handleSubmitFailed:y}}exports.useActionHandlers=L;

package/cjs/vef-form/hooks/use-columns-layout.cjs

@@ -1,125 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-var react = require('react');
-
-"use strict";
-const MAX_SPANS = 24;
-const SPAN_BASES = [
-  {
-    breakpoint: "xs",
-    base: MAX_SPANS,
-    spans: 1
-  },
-  {
-    breakpoint: "sm",
-    base: MAX_SPANS / 2,
-    spans: 2
-  },
-  {
-    breakpoint: "md",
-    base: MAX_SPANS / 3,
-    spans: 3
-  },
-  {
-    breakpoint: "lg",
-    base: MAX_SPANS / 4,
-    spans: 4
-  },
-  {
-    breakpoint: "xl",
-    base: MAX_SPANS / 4,
-    spans: 4
-  },
-  {
-    breakpoint: "xxl",
-    base: MAX_SPANS / 6,
-    spans: 6
-  }
-];
-const ALLOWED_SPANS = shared.unique(SPAN_BASES.map((item) => item.spans));
-function calculateResponsiveLayout(rowKey, columns, autoExpand) {
-  const totalSpans = columns.reduce((acc, column) => acc + (column.span ?? 1), 0);
-  if (!ALLOWED_SPANS.includes(totalSpans)) {
-    throw new shared.VefError(-3, `The total spans of the columns of the row [${rowKey}] must be one of the following: ${ALLOWED_SPANS.join(", ")}.`);
-  }
-  const requiredBase = 24 / totalSpans;
-  const layout = {};
-  for (const {
-    breakpoint,
-    base,
-    spans
-  } of SPAN_BASES) {
-    if (requiredBase >= base) {
-      layout[breakpoint] = columns.reduce((acc, column) => {
-        acc[column.key] = (column.span ?? 1) * requiredBase;
-        return acc;
-      }, {});
-    } else {
-      const map = {};
-      let remainingSpans = spans;
-      let lastColumnKey = null;
-      for (const column of columns) {
-        const requiredSpan = column.span ?? 1;
-        if (remainingSpans >= requiredSpan) {
-          map[column.key] = requiredSpan * base;
-          remainingSpans -= requiredSpan;
-          lastColumnKey = column.key;
-        } else {
-          if (lastColumnKey) {
-            if (autoExpand) {
-              map[lastColumnKey] += remainingSpans * base;
-            }
-            remainingSpans = spans;
-            lastColumnKey = null;
-          }
-          if (requiredSpan > spans) {
-            map[column.key] = 24;
-          } else {
-            map[column.key] = requiredSpan * base;
-            remainingSpans -= requiredSpan;
-            lastColumnKey = column.key;
-          }
-        }
-        if (remainingSpans === 0) {
-          remainingSpans = spans;
-          lastColumnKey = null;
-        }
-      }
-      if (remainingSpans > 0) {
-        if (autoExpand) {
-          map[lastColumnKey] += remainingSpans * base;
-        }
-        lastColumnKey = null;
-      }
-      layout[breakpoint] = map;
-    }
-  }
-  return layout;
-}
-function calculateFixedLayout(rowKey, columns) {
-  const totalSpans = columns.reduce((acc, column) => acc + (column.span ?? 1), 0);
-  if (totalSpans > MAX_SPANS || MAX_SPANS % totalSpans !== 0) {
-    throw new shared.VefError(-3, `The total spans of the columns of the row [${rowKey}] must be less than or equal to ${MAX_SPANS} and a divisor of ${MAX_SPANS}.`);
-  }
-  const base = MAX_SPANS / totalSpans;
-  return columns.reduce((acc, column) => {
-    acc[column.key] = (column.span ?? 1) * base;
-    return acc;
-  }, {});
-}
-function useColumnsLayout(rowKey, columns, layoutMode, autoExpand) {
-  return react.useMemo(() => {
-    if (columns.length === 0) {
-      return {};
-    }
-    if (layoutMode === "responsive") {
-      return calculateResponsiveLayout(rowKey, columns, autoExpand);
-    } else {
-      return calculateFixedLayout(rowKey, columns);
-    }
-  }, []);
-}
-
-exports.useColumnsLayout = useColumnsLayout;
+"use strict";var h=require("@vef-framework/shared"),y=require("react");const s=24,m=[{breakpoint:"xs",base:s,spans:1},{breakpoint:"sm",base:s/2,spans:2},{breakpoint:"md",base:s/3,spans:3},{breakpoint:"lg",base:s/4,spans:4},{breakpoint:"xl",base:s/4,spans:4},{breakpoint:"xxl",base:s/6,spans:6}],d=h.unique(m.map(t=>t.spans));function w(t,n,a){const l=n.reduce((b,i)=>b+(i.span??1),0);if(!d.includes(l))throw new h.VefError(-3,`The total spans of the columns of the row [${t}] must be one of the following: ${d.join(", ")}.`);const p=24/l,r={};for(const{breakpoint:b,base:i,spans:k}of m)if(p>=i)r[b]=n.reduce((o,e)=>(o[e.key]=(e.span??1)*p,o),{});else{const o={};let e=k,u=null;for(const c of n){const f=c.span??1;e>=f?(o[c.key]=f*i,e-=f,u=c.key):(u&&(a&&(o[u]+=e*i),e=k,u=null),f>k?o[c.key]=24:(o[c.key]=f*i,e-=f,u=c.key)),e===0&&(e=k,u=null)}e>0&&(a&&(o[u]+=e*i),u=null),r[b]=o}return r}function $(t,n){const a=n.reduce((p,r)=>p+(r.span??1),0);if(a>s||s%a!==0)throw new h.VefError(-3,`The total spans of the columns of the row [${t}] must be less than or equal to ${s} and a divisor of ${s}.`);const l=s/a;return n.reduce((p,r)=>(p[r.key]=(r.span??1)*l,p),{})}function g(t,n,a,l){return y.useMemo(()=>n.length===0?{}:a==="responsive"?w(t,n,l):$(t,n),[])}exports.useColumnsLayout=g;

package/cjs/vef-form/hooks/use-computed-values.cjs

@@ -1,58 +1,2 @@
 "use strict";
-'use strict';
-
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var helper = require('../helper.cjs');
-var store = require('../store.cjs');
-
-"use strict";
-function useComputedValues(values, returnAsObject = false) {
-  const [scene, eventBus, getValues] = store.useFormStore((state) => [state.scene, state.eventBus, state.getValues]);
-  const forceUpdate = hooks.useUpdater();
-  const currentValues = getValues();
-  const computedValues = hooks.useDeepMemo(() => values.reduce((acc, it) => {
-    const {
-      key,
-      rawValue,
-      defaultValue
-    } = it;
-    const computedValue = helper.computeValue(rawValue, currentValues, scene, defaultValue);
-    acc[key] = computedValue;
-    return acc;
-  }, {}), [currentValues, scene, values]);
-  hooks.useDeepLayoutEffect(() => {
-    const realComputedValues = values.filter(({ rawValue }) => shared.isFunctionOrExpression(rawValue));
-    const shouldListenChangeEvent = realComputedValues.length > 0;
-    if (shouldListenChangeEvent) {
-      const handleChange = (newValues) => {
-        for (const value of realComputedValues) {
-          const {
-            key,
-            rawValue,
-            defaultValue
-          } = value;
-          const computedValue = computedValues[key];
-          const refreshedValue = helper.computeValue(rawValue, newValues, scene, defaultValue);
-          if (!shared.isDeepEqual(refreshedValue, computedValue)) {
-            forceUpdate();
-            break;
-          }
-        }
-      };
-      eventBus.onChange(handleChange);
-      return () => {
-        eventBus.offChange(handleChange);
-      };
-    }
-  }, [computedValues, eventBus, forceUpdate, scene, values]);
-  if (returnAsObject) {
-    return values.reduce((acc, { key }) => {
-      acc[key] = computedValues[key];
-      return acc;
-    }, {});
-  }
-  return values.map(({ key }) => computedValues[key]);
-}
-
-exports.useComputedValues = useComputedValues;
+"use strict";var i=require("@vef-framework/hooks"),V=require("@vef-framework/shared"),d=require("../helper.cjs"),v=require("../store.cjs");function C(r,m=!1){const[s,o,h]=v.useFormStore(e=>[e.scene,e.eventBus,e.getValues]),f=i.useUpdater(),p=h(),a=i.useDeepMemo(()=>r.reduce((e,u)=>{const{key:t,rawValue:n,defaultValue:l}=u,c=d.computeValue(n,p,s,l);return e[t]=c,e},{}),[p,s,r]);return i.useDeepLayoutEffect(()=>{const e=r.filter(({rawValue:u})=>V.isFunctionOrExpression(u));if(e.length>0){const u=t=>{for(const n of e){const{key:l,rawValue:c,defaultValue:k}=n,y=a[l],q=d.computeValue(c,t,s,k);if(!V.isDeepEqual(q,y)){f();break}}};return o.onChange(u),()=>{o.offChange(u)}}},[a,o,f,s,r]),m?r.reduce((e,{key:u})=>(e[u]=a[u],e),{}):r.map(({key:e})=>a[e])}exports.useComputedValues=C;

package/cjs/vef-form/hooks/use-form-context.cjs

@@ -1,19 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-
-"use strict";
-const {
-  useContextSelector: useFormContextSelector,
-  useContext: useFormContext,
-  ContextProvider: FormContextProvider
-} = shared.createSelectableContext({
-  autoExpand: true,
-  labelPosition: "top",
-  layoutMode: "responsive"
-});
-
-exports.FormContextProvider = FormContextProvider;
-exports.useFormContext = useFormContext;
-exports.useFormContextSelector = useFormContextSelector;
+"use strict";var e=require("@vef-framework/shared");const{useContextSelector:t,useContext:o,ContextProvider:r}=e.createSelectableContext({autoExpand:!0,labelPosition:"top",layoutMode:"responsive"});exports.FormContextProvider=r,exports.useFormContext=o,exports.useFormContextSelector=t;

package/cjs/vef-form/hooks/use-form-initialization.cjs

@@ -1,48 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-var react = require('react');
-
-"use strict";
-function useFormInitialization(schema, initialValues) {
-  return react.useMemo(() => {
-    const mergedInitialValues = {
-      ...initialValues
-    };
-    const valueChangeHandlers = {};
-    const virtualFieldNames = [];
-    for (const group of schema) {
-      const { rows } = group;
-      for (const row of rows) {
-        const { columns } = row;
-        for (const column of columns) {
-          const { items } = column;
-          for (const item of items) {
-            const {
-              name,
-              defaultValue,
-              virtual
-            } = item;
-            if (!shared.isNullish(defaultValue) && shared.isNullish(mergedInitialValues[name])) {
-              mergedInitialValues[name] = defaultValue;
-            }
-            if (item.type !== "Hidden" && shared.isFunction(item.onChange)) {
-              valueChangeHandlers[name] = item.onChange;
-            }
-            if (virtual === true) {
-              virtualFieldNames.push(name);
-            }
-          }
-        }
-      }
-    }
-    return {
-      mergedInitialValues,
-      valueChangeHandlers,
-      virtualFieldNames
-    };
-  }, []);
-}
-
-exports.useFormInitialization = useFormInitialization;
+"use strict";var o=require("@vef-framework/shared"),g=require("react");function F(a,u){return g.useMemo(()=>{const s={...u},t={},i=[];for(const l of a){const{rows:c}=l;for(const f of c){const{columns:m}=f;for(const d of m){const{items:h}=d;for(const e of h){const{name:n,defaultValue:r,virtual:v}=e;!o.isNullish(r)&&o.isNullish(s[n])&&(s[n]=r),e.type!=="Hidden"&&o.isFunction(e.onChange)&&(t[n]=e.onChange),v===!0&&i.push(n)}}}}return{mergedInitialValues:s,valueChangeHandlers:t,virtualFieldNames:i}},[])}exports.useFormInitialization=F;

package/cjs/vef-form/hooks/use-form-instance.cjs

@@ -1,29 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-var store = require('../store.cjs');
-
-"use strict";
-function useFormInstance(ref, reset) {
-  const [form, eventBus, getValues, setValues] = store.useFormStore((state) => [state.form, state.eventBus, state.getValues, state.setValues]);
-  react.useImperativeHandle(ref, () => ({
-    submit: () => new Promise((resolve, reject) => {
-      const handleResult = (result) => {
-        eventBus.offSubmitResult(handleResult);
-        if (result) {
-          resolve();
-        } else {
-          reject(result);
-        }
-      };
-      eventBus.onSubmitResult(handleResult);
-      form.submit();
-    }),
-    reset,
-    getValues,
-    setValues
-  }));
-}
-
-exports.useFormInstance = useFormInstance;
+"use strict";var c=require("react"),l=require("../store.cjs");function b(r,n){const[o,s,a,i]=l.useFormStore(e=>[e.form,e.eventBus,e.getValues,e.setValues]);c.useImperativeHandle(r,()=>({submit:()=>new Promise((e,m)=>{const t=u=>{s.offSubmitResult(t),u?e():m(u)};s.onSubmitResult(t),o.submit()}),reset:n,getValues:a,setValues:i}))}exports.useFormInstance=b;

package/cjs/vef-form/hooks/use-form-values-change.cjs

@@ -1,33 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-var react = require('react');
-var store = require('../store.cjs');
-
-"use strict";
-function useFormValuesChange(onChange) {
-  const [scene, eventBus, invokeValueChangeHandlers] = store.useFormStore((state) => [state.scene, state.eventBus, state.invokeValueChangeHandlers]);
-  const handleValuesChange = react.useMemo(() => (_, values) => {
-    eventBus.emitChange(values);
-  }, [eventBus]);
-  react.useEffect(() => {
-    if (shared.isFunction(onChange)) {
-      const handleChange = (values) => {
-        onChange(values, scene);
-      };
-      eventBus.onChange(handleChange);
-      return () => {
-        eventBus.offChange(handleChange);
-      };
-    }
-  }, [eventBus, onChange, scene]);
-  react.useLayoutEffect(() => {
-    invokeValueChangeHandlers();
-  }, []);
-  return {
-    handleValuesChange
-  };
-}
-
-exports.useFormValuesChange = useFormValuesChange;
+"use strict";var i=require("@vef-framework/shared"),u=require("react"),c=require("../store.cjs");function h(n){const[a,s,t]=c.useFormStore(e=>[e.scene,e.eventBus,e.invokeValueChangeHandlers]),o=u.useMemo(()=>(e,r)=>{s.emitChange(r)},[s]);return u.useEffect(()=>{if(i.isFunction(n)){const e=r=>{n(r,a)};return s.onChange(e),()=>{s.offChange(e)}}},[s,n,a]),u.useLayoutEffect(()=>{t()},[]),{handleValuesChange:o}}exports.useFormValuesChange=h;

package/cjs/vef-form/hooks/use-label-width.cjs

@@ -1,21 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-var react = require('react');
-
-"use strict";
-function useLabelWidth(labelPosition, labelWidth) {
-  const labelWidthToUse = react.useMemo(() => {
-    if (labelPosition === "top" || !labelWidth) {
-      return;
-    }
-    if (labelWidth < 60 || labelWidth > 120) {
-      shared.showWarningMessage("The labelWidth of VefForm component must be between 60 and 120, otherwise it will be 60 or 120.");
-    }
-    return Math.min(Math.max(labelWidth, 60), 120);
-  }, [labelPosition, labelWidth]);
-  return labelWidthToUse;
-}
-
-exports.useLabelWidth = useLabelWidth;
+"use strict";var r=require("@vef-framework/shared"),i=require("react");function a(t,e){return i.useMemo(()=>{if(!(t==="top"||!e))return(e<60||e>120)&&r.showWarningMessage("The labelWidth of VefForm component must be between 60 and 120, otherwise it will be 60 or 120."),Math.min(Math.max(e,60),120)},[t,e])}exports.useLabelWidth=a;

package/cjs/vef-form/index.cjs

@@ -1,179 +1,4 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react$1 = require('@emotion/react');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react = require('react');
-require('../internal/index.cjs');
-var formActions = require('./components/form-actions.cjs');
-var formContent = require('./components/form-content.cjs');
-var event = require('./event.cjs');
-var useActionHandlers = require('./hooks/use-action-handlers.cjs');
-var useFormContext = require('./hooks/use-form-context.cjs');
-var useFormInitialization = require('./hooks/use-form-initialization.cjs');
-var useFormInstance = require('./hooks/use-form-instance.cjs');
-var useFormValuesChange = require('./hooks/use-form-values-change.cjs');
-var useLabelWidth = require('./hooks/use-label-width.cjs');
-var store = require('./store.cjs');
-var utils = require('../internal/utils.cjs');
-
-"use strict";
-const { useForm } = antd.Form;
-const scrollToFirstErrorOptions = {
-  scrollMode: "if-needed",
-  behavior: "smooth"
-};
-function VefFormBase({
-  schema,
-  labelAlign = "right",
-  variant,
-  showTabs = false,
-  height = "auto",
-  size,
-  disabled = false,
-  onChange,
-  submissionButton,
-  resetButton,
-  submitApi,
-  submitTip,
-  onBeforeSubmit,
-  onSubmit,
-  onSubmitSuccess,
-  onSubmitFailure,
-  onReset
-}, ref) {
-  const [labelPosition, labelWidth] = useFormContext.useFormContextSelector((ctx) => [ctx.labelPosition, ctx.labelWidth]);
-  const [form, initialValues, isLoading] = store.useFormStore((state) => [state.form, state.initialValues, state.isLoading]);
-  const { handleValuesChange } = useFormValuesChange.useFormValuesChange(onChange);
-  const {
-    handleReset,
-    handleSubmit,
-    handleSubmitFailed
-  } = useActionHandlers.useActionHandlers({
-    submitApi,
-    submitTip,
-    onBeforeSubmit,
-    onSubmit,
-    onSubmitSuccess,
-    onSubmitFailure,
-    onReset
-  });
-  useFormInstance.useFormInstance(ref, handleReset);
-  const labelCol = react.useMemo(() => {
-    if (!labelWidth) {
-      return;
-    }
-    return { flex: `0 0 ${labelWidth}px` };
-  }, [labelWidth]);
-  const formStyle = react.useMemo(() => {
-    let heightValue = height;
-    if (height === "full") {
-      heightValue = "100%";
-    } else if (shared.isNumber(height)) {
-      heightValue = `${height}px`;
-    }
-    return react$1.css`
-      height: ${heightValue};
-    `;
-  }, [height]);
-  const contextDisabled = hooks.useContextDisabled();
-  const formDisabled = contextDisabled || disabled || isLoading;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    antd.Form,
-    {
-      labelWrap: true,
-      colon: false,
-      css: formStyle,
-      disabled: formDisabled,
-      form,
-      initialValues,
-      labelAlign,
-      labelCol,
-      layout: labelPosition === "top" ? "vertical" : "horizontal",
-      scrollToFirstError: scrollToFirstErrorOptions,
-      size: utils.convertBasicSizeToUiSize(size),
-      variant,
-      onFinish: handleSubmit,
-      onFinishFailed: handleSubmitFailed,
-      onValuesChange: handleValuesChange,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          formContent.default,
-          {
-            height,
-            schema,
-            showTabs: showTabs === true ? "switch" : showTabs
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          formActions.default,
-          {
-            handleReset,
-            resetButton,
-            submissionButton
-          }
-        )
-      ]
-    }
-  );
-}
-const VefFormBaseForwarded = react.forwardRef(VefFormBase);
-VefFormBaseForwarded.displayName = "VefFormBase";
-function VefFormWrapper({
-  initialValues,
-  scene,
-  layoutMode = "responsive",
-  autoExpand = false,
-  labelPosition = "top",
-  labelWidth,
-  ...restProps
-}, ref) {
-  const { schema } = restProps;
-  const [form] = useForm();
-  const eventBus = hooks.useSingleton(() => new event.FormEventBus());
-  hooks.useUnmount(() => {
-    eventBus.clear();
-  });
-  const labelWidthToUse = useLabelWidth.useLabelWidth(labelPosition, labelWidth);
-  const formContext = react.useMemo(() => ({
-    labelPosition,
-    labelWidth: labelWidthToUse,
-    autoExpand,
-    layoutMode
-  }), [layoutMode, autoExpand, labelPosition, labelWidthToUse]);
-  const {
-    mergedInitialValues,
-    valueChangeHandlers,
-    virtualFieldNames
-  } = useFormInitialization.useFormInitialization(schema, initialValues);
-  const initialState = react.useMemo(() => ({
-    eventBus,
-    form,
-    initialValues: mergedInitialValues,
-    scene,
-    valueChangeHandlers,
-    virtualFieldNames
-  }), [eventBus, form, mergedInitialValues, scene, valueChangeHandlers, virtualFieldNames]);
-  return /* @__PURE__ */ jsxRuntime.jsx(store.FormStoreProvider, { initialState, children: /* @__PURE__ */ jsxRuntime.jsx(useFormContext.FormContextProvider, { value: formContext, children: /* @__PURE__ */ jsxRuntime.jsx(
-    VefFormBaseForwarded,
-    {
-      ref,
-      ...restProps
-    }
-  ) }) });
-}
-const VefForm = react.memo(
-  react.forwardRef(VefFormWrapper),
-  (prevProps, nextProps) => shared.isDeepEqual(
-    shared.omit(prevProps, ["initialValues", "schema"]),
-    shared.omit(nextProps, ["initialValues", "schema"])
-  )
-);
-VefForm.displayName = "VefForm";
-
-exports.default = VefForm;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/react/jsx-runtime"),L=require("@emotion/react"),p=require("@vef-framework/hooks"),v=require("@vef-framework/shared"),C=require("antd"),r=require("react");require("../internal/index.cjs");var $=require("./components/form-actions.cjs"),D=require("./components/form-content.cjs"),O=require("./event.cjs"),U=require("./hooks/use-action-handlers.cjs"),B=require("./hooks/use-form-context.cjs"),_=require("./hooks/use-form-initialization.cjs"),k=require("./hooks/use-form-instance.cjs"),K=require("./hooks/use-form-values-change.cjs"),G=require("./hooks/use-label-width.cjs"),j=require("./store.cjs"),J=require("../internal/utils.cjs");const{useForm:Q}=C.Form,X={scrollMode:"if-needed",behavior:"smooth"};function Y({schema:a,labelAlign:s="right",variant:u,showTabs:o=!1,height:e="auto",size:F,disabled:l=!1,onChange:f,submissionButton:S,resetButton:m,submitApi:n,submitTip:d,onBeforeSubmit:q,onSubmit:c,onSubmitSuccess:h,onSubmitFailure:b,onReset:g},y){const[z,x]=B.useFormContextSelector(i=>[i.labelPosition,i.labelWidth]),[A,R,T]=j.useFormStore(i=>[i.form,i.initialValues,i.isLoading]),{handleValuesChange:W}=K.useFormValuesChange(f),{handleReset:V,handleSubmit:E,handleSubmitFailed:I}=U.useActionHandlers({submitApi:n,submitTip:d,onBeforeSubmit:q,onSubmit:c,onSubmitSuccess:h,onSubmitFailure:b,onReset:g});k.useFormInstance(y,V);const N=r.useMemo(()=>{if(x)return{flex:`0 0 ${x}px`}},[x]),P=r.useMemo(()=>{let i=e;return e==="full"?i="100%":v.isNumber(e)&&(i=`${e}px`),L.css`
+      height: ${i};
+    `},[e]),H=p.useContextDisabled()||l||T;return t.jsxs(C.Form,{labelWrap:!0,colon:!1,css:P,disabled:H,form:A,initialValues:R,labelAlign:s,labelCol:N,layout:z==="top"?"vertical":"horizontal",scrollToFirstError:X,size:J.convertBasicSizeToUiSize(F),variant:u,onFinish:E,onFinishFailed:I,onValuesChange:W,children:[t.jsx(D.default,{height:e,schema:a,showTabs:o===!0?"switch":o}),t.jsx($.default,{handleReset:V,resetButton:m,submissionButton:S})]})}const M=r.forwardRef(Y);M.displayName="VefFormBase";function Z({initialValues:a,scene:s,layoutMode:u="responsive",autoExpand:o=!1,labelPosition:e="top",labelWidth:F,...l},f){const{schema:S}=l,[m]=Q(),n=p.useSingleton(()=>new O.FormEventBus);p.useUnmount(()=>{n.clear()});const d=G.useLabelWidth(e,F),q=r.useMemo(()=>({labelPosition:e,labelWidth:d,autoExpand:o,layoutMode:u}),[u,o,e,d]),{mergedInitialValues:c,valueChangeHandlers:h,virtualFieldNames:b}=_.useFormInitialization(S,a),g=r.useMemo(()=>({eventBus:n,form:m,initialValues:c,scene:s,valueChangeHandlers:h,virtualFieldNames:b}),[n,m,c,s,h,b]);return t.jsx(j.FormStoreProvider,{initialState:g,children:t.jsx(B.FormContextProvider,{value:q,children:t.jsx(M,{ref:f,...l})})})}const w=r.memo(r.forwardRef(Z),(a,s)=>v.isDeepEqual(v.omit(a,["initialValues","schema"]),v.omit(s,["initialValues","schema"])));w.displayName="VefForm",exports.default=w;

package/cjs/vef-form/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";