@vef-framework/components 1.0.101 → 1.0.102

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

@@ -1,131 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 = "提交中...",
-  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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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="提交中...",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]),{useApiMutation,stubMutationApi}=useApiContext(),{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]),handleSubmit=useMemo(()=>isFunction(onSubmit)?(submitApi&&console.warn("'submitApi' prop is ignored when 'onSubmit' prop is provided in VefForm component"),async values=>{setIsLoading(!0);let valuesToUse=values,closeLoading=null;try{const submitTipToUse=isFunction(submitTip)?submitTip(values,scene):submitTip;closeLoading=showLoadingMessage(submitTipToUse),isFunction(onBeforeSubmit)&&(valuesToUse=await onBeforeSubmit(valuesToUse,scene));const valuesToSubmit=omit(valuesToUse,virtualFieldNames);await onSubmit(valuesToSubmit,scene),eventBus.emitSubmitResult(!0)}catch(error){throw eventBus.emitSubmitResult(!1),error}finally{setIsLoading(!1),closeLoading?.()}}):async values=>{setIsLoading(!0);let valuesToUse=values,closeLoading=null;try{const submitTipToUse=isFunction(submitTip)?submitTip(values,scene):submitTip;closeLoading=showLoadingMessage(submitTipToUse),isFunction(onBeforeSubmit)&&(valuesToUse=await onBeforeSubmit(values,scene));const toSubmitValues=omit(valuesToUse,virtualFieldNames),apiResponse=await mutate(toSubmitValues);(onSubmitSuccess??(({message})=>{showSuccessMessage(message)}))(apiResponse,valuesToUse,scene),eventBus.emitSubmitResult(!0)}catch(error){eventBus.emitSubmitResult(!1),onSubmitFailure?.(error,valuesToUse,scene)}finally{setIsLoading(!1),closeLoading?.()}},[onSubmit,submitApi,setIsLoading,submitTip,scene,onBeforeSubmit,virtualFieldNames,eventBus,mutate,onSubmitSuccess,onSubmitFailure]),handleSubmitFailed=useCallback(({values,errorFields})=>{eventBus.emitSubmitResult(!1),onSubmitFailure?.(new VefError(-1,errorFields.flatMap(field=>field.errors).join(", ")),values,scene)},[eventBus,onSubmitFailure,scene]);return{handleReset,handleSubmit,handleSubmitFailed}}/*! 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 */export{useActionHandlers};

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

@@ -1,123 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{unique,VefError}from"@vef-framework/shared";import{useMemo}from"react";const MAX_SPANS=24,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}],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,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,acc),{});else{const map={};let remainingSpans=spans,lastColumnKey=null;for(const column of columns){const requiredSpan=column.span??1;remainingSpans>=requiredSpan?(map[column.key]=requiredSpan*base,remainingSpans-=requiredSpan,lastColumnKey=column.key):(lastColumnKey&&(autoExpand&&(map[lastColumnKey]+=remainingSpans*base),remainingSpans=spans,lastColumnKey=null),requiredSpan>spans?map[column.key]=24:(map[column.key]=requiredSpan*base,remainingSpans-=requiredSpan,lastColumnKey=column.key)),remainingSpans===0&&(remainingSpans=spans,lastColumnKey=null)}remainingSpans>0&&(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,acc),{})}function useColumnsLayout(rowKey,columns,layoutMode,autoExpand){return useMemo(()=>columns.length===0?{}:layoutMode==="responsive"?calculateResponsiveLayout(rowKey,columns,autoExpand):calculateFixedLayout(rowKey,columns),[])}/*! 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 */export{useColumnsLayout};

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

@@ -1,56 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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=!1){const[scene,eventBus,getValues]=useFormStore(state=>[state.scene,state.eventBus,state.getValues]),forceUpdate=useUpdater(),currentValues=getValues(),computedValues=useDeepMemo(()=>values.reduce((acc,it)=>{const{key,rawValue,defaultValue}=it,computedValue=computeValue(rawValue,currentValues,scene,defaultValue);return acc[key]=computedValue,acc},{}),[currentValues,scene,values]);return useDeepLayoutEffect(()=>{const realComputedValues=values.filter(({rawValue})=>isFunctionOrExpression(rawValue));if(realComputedValues.length>0){const handleChange=newValues=>{for(const value of realComputedValues){const{key,rawValue,defaultValue}=value,computedValue=computedValues[key],refreshedValue=computeValue(rawValue,newValues,scene,defaultValue);if(!isDeepEqual(refreshedValue,computedValue)){forceUpdate();break}}};return eventBus.onChange(handleChange),()=>{eventBus.offChange(handleChange)}}},[computedValues,eventBus,forceUpdate,scene,values]),returnAsObject?values.reduce((acc,{key})=>(acc[key]=computedValues[key],acc),{}):values.map(({key})=>computedValues[key])}/*! 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 */export{useComputedValues};

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

@@ -1,15 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{createSelectableContext}from"@vef-framework/shared";const{useContextSelector:useFormContextSelector,useContext:useFormContext,ContextProvider:FormContextProvider}=createSelectableContext({autoExpand:!0,labelPosition:"top",layoutMode:"responsive"});/*! 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 */export{FormContextProvider,useFormContext,useFormContextSelector};

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

@@ -1,46 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{isNullish,isFunction}from"@vef-framework/shared";import{useMemo}from"react";function useFormInitialization(schema,initialValues){return useMemo(()=>{const mergedInitialValues={...initialValues},valueChangeHandlers={},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;!isNullish(defaultValue)&&isNullish(mergedInitialValues[name])&&(mergedInitialValues[name]=defaultValue),item.type!=="Hidden"&&isFunction(item.onChange)&&(valueChangeHandlers[name]=item.onChange),virtual===!0&&virtualFieldNames.push(name)}}}}return{mergedInitialValues,valueChangeHandlers,virtualFieldNames}},[])}/*! 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 */export{useFormInitialization};

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

@@ -1,27 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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),result?resolve():reject(result)};eventBus.onSubmitResult(handleResult),form.submit()}),reset,getValues,setValues}))}/*! 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 */export{useFormInstance};

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

@@ -1,31 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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]),handleValuesChange=useMemo(()=>(_,values)=>{eventBus.emitChange(values)},[eventBus]);return useEffect(()=>{if(isFunction(onChange)){const handleChange=values=>{onChange(values,scene)};return eventBus.onChange(handleChange),()=>{eventBus.offChange(handleChange)}}},[eventBus,onChange,scene]),useLayoutEffect(()=>{invokeValueChangeHandlers()},[]),{handleValuesChange}}/*! 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 */export{useFormValuesChange};

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

@@ -1,19 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{showWarningMessage}from"@vef-framework/shared";import{useMemo}from"react";function useLabelWidth(labelPosition,labelWidth){return useMemo(()=>{if(!(labelPosition==="top"||!labelWidth))return(labelWidth<60||labelWidth>120)&&showWarningMessage("The labelWidth of VefForm component must be between 60 and 120, otherwise it will be 60 or 120."),Math.min(Math.max(labelWidth,60),120)},[labelPosition,labelWidth])}/*! 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 */export{useLabelWidth};

package/es/vef-form/index.js

@@ -1,175 +1,3 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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,scrollToFirstErrorOptions={scrollMode:"if-needed",behavior:"smooth"};function VefFormBase({schema,labelAlign="right",variant,showTabs=!1,height="auto",size,disabled=!1,onChange,submissionButton,resetButton,submitApi,submitTip,onBeforeSubmit,onSubmit,onSubmitSuccess,onSubmitFailure,onReset},ref){const[labelPosition,labelWidth]=useFormContextSelector(ctx=>[ctx.labelPosition,ctx.labelWidth]),[form,initialValues,isLoading]=useFormStore(state=>[state.form,state.initialValues,state.isLoading]),{handleValuesChange}=useFormValuesChange(onChange),{handleReset,handleSubmit,handleSubmitFailed}=useActionHandlers({submitApi,submitTip,onBeforeSubmit,onSubmit,onSubmitSuccess,onSubmitFailure,onReset});useFormInstance(ref,handleReset);const labelCol=useMemo(()=>{if(labelWidth)return{flex:`0 0 ${labelWidth}px`}},[labelWidth]),formStyle=useMemo(()=>{let heightValue=height;return height==="full"?heightValue="100%":isNumber(height)&&(heightValue=`${height}px`),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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+    `},[height]),formDisabled=useContextDisabled()||disabled||isLoading;return jsxs(Form,{labelWrap:!0,colon:!1,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:[jsx(VefFormContent,{height,schema,showTabs:showTabs===!0?"switch":showTabs}),jsx(VefFormActions,{handleReset,resetButton,submissionButton})]})}const VefFormBaseForwarded=forwardRef(VefFormBase);VefFormBaseForwarded.displayName="VefFormBase";function VefFormWrapper({initialValues,scene,layoutMode="responsive",autoExpand=!1,labelPosition="top",labelWidth,...restProps},ref){const{schema}=restProps,[form]=useForm(),eventBus=useSingleton(()=>new FormEventBus);useUnmount(()=>{eventBus.clear()});const labelWidthToUse=useLabelWidth(labelPosition,labelWidth),formContext=useMemo(()=>({labelPosition,labelWidth:labelWidthToUse,autoExpand,layoutMode}),[layoutMode,autoExpand,labelPosition,labelWidthToUse]),{mergedInitialValues,valueChangeHandlers,virtualFieldNames}=useFormInitialization(schema,initialValues),initialState=useMemo(()=>({eventBus,form,initialValues:mergedInitialValues,scene,valueChangeHandlers,virtualFieldNames}),[eventBus,form,mergedInitialValues,scene,valueChangeHandlers,virtualFieldNames]);return jsx(FormStoreProvider,{initialState,children:jsx(FormContextProvider,{value:formContext,children:jsx(VefFormBaseForwarded,{ref,...restProps})})})}const VefForm=memo(forwardRef(VefFormWrapper),(prevProps,nextProps)=>isDeepEqual(omit(prevProps,["initialValues","schema"]),omit(nextProps,["initialValues","schema"])));VefForm.displayName="VefForm";/*! 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 */export{VefForm as default};