@vef-framework/components 1.0.99 → 1.0.100

package/es/vef-form/hooks/use-action-handlers.js

@@ -1,131 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { useApiContext } from '@vef-framework/core';
-import { isFunction, VefError, showLoadingMessage, omit, showSuccessMessage } from '@vef-framework/shared';
-import { useCallback, useMemo } from 'react';
-import { useFormStore } from '../store.js';
-
-function useActionHandlers({
-  submitApi,
-  submitTip = "\u63D0\u4EA4\u4E2D...",
-  onBeforeSubmit,
-  onSubmit,
-  onSubmitSuccess,
-  onSubmitFailure,
-  onReset
-}) {
-  const [
-    form,
-    scene,
-    eventBus,
-    setIsLoading,
-    virtualFieldNames,
-    getValues,
-    initialValues,
-    invokeValueChangeHandlers
-  ] = useFormStore((state) => [
-    state.form,
-    state.scene,
-    state.eventBus,
-    state.setIsLoading,
-    state.virtualFieldNames,
-    state.getValues,
-    state.initialValues,
-    state.invokeValueChangeHandlers
-  ]);
-  const { useApiMutation, stubMutationApi } = useApiContext();
-  const { mutate } = useApiMutation(submitApi ?? stubMutationApi);
-  if (!isFunction(onSubmit) && !submitApi) {
-    throw new VefError(-1, "'onSubmit' or 'submitApi' prop is required for VefForm component");
-  }
-  const handleReset = useCallback(() => {
-    const values = getValues();
-    form.resetFields();
-    invokeValueChangeHandlers();
-    eventBus.emitChange(initialValues);
-    onReset?.(values, scene);
-  }, [
-    form,
-    getValues,
-    onReset,
-    scene,
-    invokeValueChangeHandlers,
-    initialValues,
-    eventBus
-  ]);
-  const handleSubmit = useMemo(() => {
-    if (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 = isFunction(submitTip) ? submitTip(values, scene) : submitTip;
-          closeLoading = showLoadingMessage(submitTipToUse);
-          if (isFunction(onBeforeSubmit)) {
-            valuesToUse = await onBeforeSubmit(valuesToUse, scene);
-          }
-          const valuesToSubmit = 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 = isFunction(submitTip) ? submitTip(values, scene) : submitTip;
-        closeLoading = showLoadingMessage(submitTipToUse);
-        if (isFunction(onBeforeSubmit)) {
-          valuesToUse = await onBeforeSubmit(values, scene);
-        }
-        const toSubmitValues = omit(valuesToUse, virtualFieldNames);
-        const apiResponse = await mutate(toSubmitValues);
-        (onSubmitSuccess ?? (({ message }) => {
-          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 = useCallback(({ values, errorFields }) => {
-    eventBus.emitSubmitResult(false);
-    onSubmitFailure?.(new VefError(-1, errorFields.flatMap((field) => field.errors).join(", ")), values, scene);
-  }, [eventBus, onSubmitFailure, scene]);
-  return {
-    handleReset,
-    handleSubmit,
-    handleSubmitFailed
-  };
-}
-
-export { useActionHandlers };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{useApiContext as e}from"@vef-framework/core";import{isFunction as t,VefError as i,showLoadingMessage as o,omit as n,showSuccessMessage as r}from"@vef-framework/shared";import{useCallback as s,useMemo as a}from"react";import{useFormStore as u}from"../store.js";function useActionHandlers({submitApi:m,submitTip:l="提交中...",onBeforeSubmit:c,onSubmit:p,onSubmitSuccess:b,onSubmitFailure:f,onReset:d}){const[S,w,h,v,A,F,R,g]=u((e=>[e.form,e.scene,e.eventBus,e.setIsLoading,e.virtualFieldNames,e.getValues,e.initialValues,e.invokeValueChangeHandlers])),{useApiMutation:y,stubMutationApi:V}=e(),{mutate:k}=y(m??V);if(!t(p)&&!m)throw new i(-1,"'onSubmit' or 'submitApi' prop is required for VefForm component");return{handleReset:s((()=>{const e=F();S.resetFields(),g(),h.emitChange(R),d?.(e,w)}),[S,F,d,w,g,R,h]),handleSubmit:a((()=>t(p)?(m&&console.warn("'submitApi' prop is ignored when 'onSubmit' prop is provided in VefForm component"),async e=>{v(!0);let i=e,r=null;try{const s=t(l)?l(e,w):l;r=o(s),t(c)&&(i=await c(i,w));const a=n(i,A);await p(a,w),h.emitSubmitResult(!0)}catch(e){throw h.emitSubmitResult(!1),e}finally{v(!1),r?.()}}):async e=>{v(!0);let i=e,s=null;try{const a=t(l)?l(e,w):l;s=o(a),t(c)&&(i=await c(e,w));const u=n(i,A),m=await k(u);(b??(({message:e})=>{r(e)}))(m,i,w),h.emitSubmitResult(!0)}catch(e){h.emitSubmitResult(!1),f?.(e,i,w)}finally{v(!1),s?.()}}),[p,m,v,l,w,c,A,h,k,b,f]),handleSubmitFailed:s((({values:e,errorFields:t})=>{h.emitSubmitResult(!1),f?.(new i(-1,t.flatMap((e=>e.errors)).join(", ")),e,w)}),[h,f,w])}}export{useActionHandlers};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-form/hooks/use-columns-layout.js

@@ -1,123 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { unique, VefError } from '@vef-framework/shared';
-import { useMemo } from 'react';
-
-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 = 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 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 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 useMemo(() => {
-    if (columns.length === 0) {
-      return {};
-    }
-    if (layoutMode === "responsive") {
-      return calculateResponsiveLayout(rowKey, columns, autoExpand);
-    } else {
-      return calculateFixedLayout(rowKey, columns);
-    }
-  }, []);
-}
-
-export { useColumnsLayout };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{unique as e,VefError as s}from"@vef-framework/shared";import{useMemo as n}from"react";const o=24,t=[{breakpoint:"xs",base:o,spans:1},{breakpoint:"sm",base:12,spans:2},{breakpoint:"md",base:8,spans:3},{breakpoint:"lg",base:6,spans:4},{breakpoint:"xl",base:6,spans:4},{breakpoint:"xxl",base:4,spans:6}],a=e(t.map((e=>e.spans)));function useColumnsLayout(e,r,u,l){return n((()=>0===r.length?{}:"responsive"===u?function calculateResponsiveLayout(e,n,o){const r=n.reduce(((e,s)=>e+(s.span??1)),0);if(!a.includes(r))throw new s(-3,`The total spans of the columns of the row [${e}] must be one of the following: ${a.join(", ")}.`);const u=24/r,l={};for(const{breakpoint:e,base:s,spans:a}of t)if(u>=s)l[e]=n.reduce(((e,s)=>(e[s.key]=(s.span??1)*u,e)),{});else{const t={};let r=a,u=null;for(const e of n){const n=e.span??1;r>=n?(t[e.key]=n*s,r-=n,u=e.key):(u&&(o&&(t[u]+=r*s),r=a,u=null),n>a?t[e.key]=24:(t[e.key]=n*s,r-=n,u=e.key)),0===r&&(r=a,u=null)}r>0&&(o&&(t[u]+=r*s),u=null),l[e]=t}return l}(e,r,l):function calculateFixedLayout(e,n){const t=n.reduce(((e,s)=>e+(s.span??1)),0);if(t>o||o%t!=0)throw new s(-3,`The total spans of the columns of the row [${e}] must be less than or equal to 24 and a divisor of 24.`);const a=o/t;return n.reduce(((e,s)=>(e[s.key]=(s.span??1)*a,e)),{})}(e,r)),[])}export{useColumnsLayout};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-form/hooks/use-computed-values.js

@@ -1,56 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { useUpdater, useDeepMemo, useDeepLayoutEffect } from '@vef-framework/hooks';
-import { isFunctionOrExpression, isDeepEqual } from '@vef-framework/shared';
-import { computeValue } from '../helper.js';
-import { useFormStore } from '../store.js';
-
-function useComputedValues(values, returnAsObject = false) {
-  const [scene, eventBus, getValues] = useFormStore((state) => [state.scene, state.eventBus, state.getValues]);
-  const forceUpdate = useUpdater();
-  const currentValues = getValues();
-  const computedValues = useDeepMemo(() => values.reduce((acc, it) => {
-    const {
-      key,
-      rawValue,
-      defaultValue
-    } = it;
-    const computedValue = computeValue(rawValue, currentValues, scene, defaultValue);
-    acc[key] = computedValue;
-    return acc;
-  }, {}), [currentValues, scene, values]);
-  useDeepLayoutEffect(() => {
-    const realComputedValues = values.filter(({ rawValue }) => 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 = computeValue(rawValue, newValues, scene, defaultValue);
-          if (!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]);
-}
-
-export { useComputedValues };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{useUpdater as e,useDeepMemo as r,useDeepLayoutEffect as o}from"@vef-framework/hooks";import{isFunctionOrExpression as t,isDeepEqual as u}from"@vef-framework/shared";import{computeValue as a}from"../helper.js";import{useFormStore as f}from"../store.js";function useComputedValues(s,n=!1){const[l,m,c]=f((e=>[e.scene,e.eventBus,e.getValues])),p=e(),i=c(),k=r((()=>s.reduce(((e,r)=>{const{key:o,rawValue:t,defaultValue:u}=r,f=a(t,i,l,u);return e[o]=f,e}),{})),[i,l,s]);return o((()=>{const e=s.filter((({rawValue:e})=>t(e)));if(e.length>0){const handleChange=r=>{for(const o of e){const{key:e,rawValue:t,defaultValue:f}=o,s=k[e],n=a(t,r,l,f);if(!u(n,s)){p();break}}};return m.onChange(handleChange),()=>{m.offChange(handleChange)}}}),[k,m,p,l,s]),n?s.reduce(((e,{key:r})=>(e[r]=k[r],e)),{}):s.map((({key:e})=>k[e]))}export{useComputedValues};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-form/hooks/use-form-context.js

@@ -1,15 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { createSelectableContext } from '@vef-framework/shared';
-
-const {
-  useContextSelector: useFormContextSelector,
-  useContext: useFormContext,
-  ContextProvider: FormContextProvider
-} = createSelectableContext({
-  autoExpand: true,
-  labelPosition: "top",
-  layoutMode: "responsive"
-});
-
-export { FormContextProvider, useFormContext, useFormContextSelector };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{createSelectableContext as o}from"@vef-framework/shared";const{useContextSelector:e,useContext:t,ContextProvider:r}=o({autoExpand:!0,labelPosition:"top",layoutMode:"responsive"});export{r as FormContextProvider,t as useFormContext,e as useFormContextSelector};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-form/hooks/use-form-initialization.js

@@ -1,46 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { isNullish, isFunction } from '@vef-framework/shared';
-import { useMemo } from 'react';
-
-function useFormInitialization(schema, initialValues) {
-  return 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 (!isNullish(defaultValue) && isNullish(mergedInitialValues[name])) {
-              mergedInitialValues[name] = defaultValue;
-            }
-            if (item.type !== "Hidden" && isFunction(item.onChange)) {
-              valueChangeHandlers[name] = item.onChange;
-            }
-            if (virtual === true) {
-              virtualFieldNames.push(name);
-            }
-          }
-        }
-      }
-    }
-    return {
-      mergedInitialValues,
-      valueChangeHandlers,
-      virtualFieldNames
-    };
-  }, []);
-}
-
-export { useFormInitialization };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{isNullish as o,isFunction as n}from"@vef-framework/shared";import{useMemo as t}from"react";function useFormInitialization(e,r){return t((()=>{const t={...r},a={},s=[];for(const r of e){const{rows:e}=r;for(const r of e){const{columns:e}=r;for(const r of e){const{items:e}=r;for(const r of e){const{name:e,defaultValue:i,virtual:f}=r;!o(i)&&o(t[e])&&(t[e]=i),"Hidden"!==r.type&&n(r.onChange)&&(a[e]=r.onChange),!0===f&&s.push(e)}}}}return{mergedInitialValues:t,valueChangeHandlers:a,virtualFieldNames:s}}),[])}export{useFormInitialization};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-form/hooks/use-form-instance.js

@@ -1,27 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { useImperativeHandle } from 'react';
-import { useFormStore } from '../store.js';
-
-function useFormInstance(ref, reset) {
-  const [form, eventBus, getValues, setValues] = useFormStore((state) => [state.form, state.eventBus, state.getValues, state.setValues]);
-  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
-  }));
-}
-
-export { useFormInstance };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{useImperativeHandle as e}from"react";import{useFormStore as t}from"../store.js";function useFormInstance(s,o){const[u,m,r,n]=t((e=>[e.form,e.eventBus,e.getValues,e.setValues]));e(s,(()=>({submit:()=>new Promise(((e,t)=>{const handleResult=s=>{m.offSubmitResult(handleResult),s?e():t(s)};m.onSubmitResult(handleResult),u.submit()})),reset:o,getValues:r,setValues:n})))}export{useFormInstance};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-form/hooks/use-form-values-change.js

@@ -1,31 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { isFunction } from '@vef-framework/shared';
-import { useMemo, useEffect, useLayoutEffect } from 'react';
-import { useFormStore } from '../store.js';
-
-function useFormValuesChange(onChange) {
-  const [scene, eventBus, invokeValueChangeHandlers] = useFormStore((state) => [state.scene, state.eventBus, state.invokeValueChangeHandlers]);
-  const handleValuesChange = useMemo(() => (_, values) => {
-    eventBus.emitChange(values);
-  }, [eventBus]);
-  useEffect(() => {
-    if (isFunction(onChange)) {
-      const handleChange = (values) => {
-        onChange(values, scene);
-      };
-      eventBus.onChange(handleChange);
-      return () => {
-        eventBus.offChange(handleChange);
-      };
-    }
-  }, [eventBus, onChange, scene]);
-  useLayoutEffect(() => {
-    invokeValueChangeHandlers();
-  }, []);
-  return {
-    handleValuesChange
-  };
-}
-
-export { useFormValuesChange };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{isFunction as e}from"@vef-framework/shared";import{useMemo as n,useEffect as r,useLayoutEffect as o}from"react";import{useFormStore as a}from"../store.js";function useFormValuesChange(s){const[t,m,u]=a((e=>[e.scene,e.eventBus,e.invokeValueChangeHandlers])),f=n((()=>(e,n)=>{m.emitChange(n)}),[m]);return r((()=>{if(e(s)){const handleChange=e=>{s(e,t)};return m.onChange(handleChange),()=>{m.offChange(handleChange)}}}),[m,s,t]),o((()=>{u()}),[]),{handleValuesChange:f}}export{useFormValuesChange};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-form/hooks/use-label-width.js

@@ -1,19 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { showWarningMessage } from '@vef-framework/shared';
-import { useMemo } from 'react';
-
-function useLabelWidth(labelPosition, labelWidth) {
-  const labelWidthToUse = useMemo(() => {
-    if (labelPosition === "top" || !labelWidth) {
-      return;
-    }
-    if (labelWidth < 60 || labelWidth > 120) {
-      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;
-}
-
-export { useLabelWidth };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{showWarningMessage as e}from"@vef-framework/shared";import{useMemo as t}from"react";function useLabelWidth(r,o){return t((()=>{if("top"!==r&&o)return(o<60||o>120)&&e("The labelWidth of VefForm component must be between 60 and 120, otherwise it will be 60 or 120."),Math.min(Math.max(o,60),120)}),[r,o])}export{useLabelWidth};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-form/index.js

@@ -1,175 +1,5 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { useContextDisabled, useSingleton, useUnmount } from '@vef-framework/hooks';
-import { isNumber, isDeepEqual, omit } from '@vef-framework/shared';
-import { Form } from 'antd';
-import { useMemo, forwardRef, memo } from 'react';
-import '../internal/index.js';
-import VefFormActions from './components/form-actions.js';
-import VefFormContent from './components/form-content.js';
-import { FormEventBus } from './event.js';
-import { useActionHandlers } from './hooks/use-action-handlers.js';
-import { useFormContextSelector, FormContextProvider } from './hooks/use-form-context.js';
-import { useFormInitialization } from './hooks/use-form-initialization.js';
-import { useFormInstance } from './hooks/use-form-instance.js';
-import { useFormValuesChange } from './hooks/use-form-values-change.js';
-import { useLabelWidth } from './hooks/use-label-width.js';
-import { useFormStore, FormStoreProvider } from './store.js';
-import { convertBasicSizeToUiSize } from '../internal/utils.js';
-
-const { useForm } = 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] = useFormContextSelector((ctx) => [ctx.labelPosition, ctx.labelWidth]);
-  const [form, initialValues, isLoading] = useFormStore((state) => [state.form, state.initialValues, state.isLoading]);
-  const { handleValuesChange } = useFormValuesChange(onChange);
-  const {
-    handleReset,
-    handleSubmit,
-    handleSubmitFailed
-  } = useActionHandlers({
-    submitApi,
-    submitTip,
-    onBeforeSubmit,
-    onSubmit,
-    onSubmitSuccess,
-    onSubmitFailure,
-    onReset
-  });
-  useFormInstance(ref, handleReset);
-  const labelCol = useMemo(() => {
-    if (!labelWidth) {
-      return;
-    }
-    return { flex: `0 0 ${labelWidth}px` };
-  }, [labelWidth]);
-  const formStyle = useMemo(() => {
-    let heightValue = height;
-    if (height === "full") {
-      heightValue = "100%";
-    } else if (isNumber(height)) {
-      heightValue = `${height}px`;
-    }
-    return css`
-      height: ${heightValue};
-    `;
-  }, [height]);
-  const contextDisabled = useContextDisabled();
-  const formDisabled = contextDisabled || disabled || isLoading;
-  return /* @__PURE__ */ jsxs(
-    Form,
-    {
-      labelWrap: true,
-      colon: false,
-      css: formStyle,
-      disabled: formDisabled,
-      form,
-      initialValues,
-      labelAlign,
-      labelCol,
-      layout: labelPosition === "top" ? "vertical" : "horizontal",
-      scrollToFirstError: scrollToFirstErrorOptions,
-      size: convertBasicSizeToUiSize(size),
-      variant,
-      onFinish: handleSubmit,
-      onFinishFailed: handleSubmitFailed,
-      onValuesChange: handleValuesChange,
-      children: [
-        /* @__PURE__ */ jsx(
-          VefFormContent,
-          {
-            height,
-            schema,
-            showTabs: showTabs === true ? "switch" : showTabs
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          VefFormActions,
-          {
-            handleReset,
-            resetButton,
-            submissionButton
-          }
-        )
-      ]
-    }
-  );
-}
-const VefFormBaseForwarded = 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 = useSingleton(() => new FormEventBus());
-  useUnmount(() => {
-    eventBus.clear();
-  });
-  const labelWidthToUse = useLabelWidth(labelPosition, labelWidth);
-  const formContext = useMemo(() => ({
-    labelPosition,
-    labelWidth: labelWidthToUse,
-    autoExpand,
-    layoutMode
-  }), [layoutMode, autoExpand, labelPosition, labelWidthToUse]);
-  const {
-    mergedInitialValues,
-    valueChangeHandlers,
-    virtualFieldNames
-  } = useFormInitialization(schema, initialValues);
-  const initialState = useMemo(() => ({
-    eventBus,
-    form,
-    initialValues: mergedInitialValues,
-    scene,
-    valueChangeHandlers,
-    virtualFieldNames
-  }), [eventBus, form, mergedInitialValues, scene, valueChangeHandlers, virtualFieldNames]);
-  return /* @__PURE__ */ jsx(FormStoreProvider, { initialState, children: /* @__PURE__ */ jsx(FormContextProvider, { value: formContext, children: /* @__PURE__ */ jsx(
-    VefFormBaseForwarded,
-    {
-      ref,
-      ...restProps
-    }
-  ) }) });
-}
-const VefForm = memo(
-  forwardRef(VefFormWrapper),
-  (prevProps, nextProps) => isDeepEqual(
-    omit(prevProps, ["initialValues", "schema"]),
-    omit(nextProps, ["initialValues", "schema"])
-  )
-);
-VefForm.displayName = "VefForm";
-
-export { VefForm as default };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsxs as e,jsx as o}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{useContextDisabled as t,useSingleton as s,useUnmount as a}from"@vef-framework/hooks";import{isNumber as n,isDeepEqual as r,omit as l}from"@vef-framework/shared";import{Form as m}from"antd";import{useMemo as u,forwardRef as h,memo as f}from"react";import"../internal/index.js";import c from"./components/form-actions.js";import d from"./components/form-content.js";import{FormEventBus as p}from"./event.js";import{useActionHandlers as b}from"./hooks/use-action-handlers.js";import{useFormContextSelector as v,FormContextProvider as g}from"./hooks/use-form-context.js";import{useFormInitialization as F}from"./hooks/use-form-initialization.js";import{useFormInstance as j}from"./hooks/use-form-instance.js";import{useFormValuesChange as S}from"./hooks/use-form-values-change.js";import{useLabelWidth as V}from"./hooks/use-label-width.js";import{useFormStore as k,FormStoreProvider as x}from"./store.js";import{convertBasicSizeToUiSize as B}from"../internal/utils.js";const{useForm:w}=m,C={scrollMode:"if-needed",behavior:"smooth"};const y=h((function VefFormBase({schema:s,labelAlign:a="right",variant:r,showTabs:l=!1,height:h="auto",size:f,disabled:p=!1,onChange:g,submissionButton:F,resetButton:V,submitApi:x,submitTip:w,onBeforeSubmit:y,onSubmit:T,onSubmitSuccess:W,onSubmitFailure:z,onReset:A},N){const[R,E]=v((e=>[e.labelPosition,e.labelWidth])),[M,P,$]=k((e=>[e.form,e.initialValues,e.isLoading])),{handleValuesChange:H}=S(g),{handleReset:I,handleSubmit:L,handleSubmitFailed:q}=b({submitApi:x,submitTip:w,onBeforeSubmit:y,onSubmit:T,onSubmitSuccess:W,onSubmitFailure:z,onReset:A});j(N,I);const D=u((()=>{if(E)return{flex:`0 0 ${E}px`}}),[E]),G=u((()=>{let e=h;return"full"===h?e="100%":n(h)&&(e=`${h}px`),i`
+      height: ${e};
+    `}),[h]),J=t();return e(m,{labelWrap:!0,colon:!1,css:G,disabled:J||p||$,form:M,initialValues:P,labelAlign:a,labelCol:D,layout:"top"===R?"vertical":"horizontal",scrollToFirstError:C,size:B(f),variant:r,onFinish:L,onFinishFailed:q,onValuesChange:H,children:[o(d,{height:h,schema:s,showTabs:!0===l?"switch":l}),o(c,{handleReset:I,resetButton:V,submissionButton:F})]})}));y.displayName="VefFormBase";const T=f(h((function VefFormWrapper({initialValues:e,scene:i,layoutMode:t="responsive",autoExpand:n=!1,labelPosition:r="top",labelWidth:l,...m},h){const{schema:f}=m,[c]=w(),d=s((()=>new p));a((()=>{d.clear()}));const b=V(r,l),v=u((()=>({labelPosition:r,labelWidth:b,autoExpand:n,layoutMode:t})),[t,n,r,b]),{mergedInitialValues:j,valueChangeHandlers:S,virtualFieldNames:k}=F(f,e),B=u((()=>({eventBus:d,form:c,initialValues:j,scene:i,valueChangeHandlers:S,virtualFieldNames:k})),[d,c,j,i,S,k]);return o(x,{initialState:B,children:o(g,{value:v,children:o(y,{ref:h,...m})})})})),((e,o)=>r(l(e,["initialValues","schema"]),l(o,["initialValues","schema"]))));T.displayName="VefForm";export{T as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */