@vef-framework/components 1.0.101 → 1.0.102

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

@@ -1,135 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const core = require('@vef-framework/core');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const store = require('../store.cjs');
-
-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;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const core=require("@vef-framework/core"),shared=require("@vef-framework/shared"),react=require("react"),store=require("../store.cjs");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]),{useApiMutation,stubMutationApi}=core.useApiContext(),{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]),handleSubmit=react.useMemo(()=>shared.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=shared.isFunction(submitTip)?submitTip(values,scene):submitTip;closeLoading=shared.showLoadingMessage(submitTipToUse),shared.isFunction(onBeforeSubmit)&&(valuesToUse=await onBeforeSubmit(valuesToUse,scene));const valuesToSubmit=shared.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=shared.isFunction(submitTip)?submitTip(values,scene):submitTip;closeLoading=shared.showLoadingMessage(submitTipToUse),shared.isFunction(onBeforeSubmit)&&(valuesToUse=await onBeforeSubmit(values,scene));const toSubmitValues=shared.omit(valuesToUse,virtualFieldNames),apiResponse=await mutate(toSubmitValues);(onSubmitSuccess??(({message})=>{shared.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=react.useCallback(({values,errorFields})=>{eventBus.emitSubmitResult(!1),onSubmitFailure?.(new shared.VefError(-1,errorFields.flatMap(field=>field.errors).join(", ")),values,scene)},[eventBus,onSubmitFailure,scene]);return{handleReset,handleSubmit,handleSubmitFailed}}exports.useActionHandlers=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/lib/vef-form/hooks/use-columns-layout.cjs

@@ -1,127 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const shared = require('@vef-framework/shared');
-const react = require('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 = 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;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),react=require("react"),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=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,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 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,acc),{})}function useColumnsLayout(rowKey,columns,layoutMode,autoExpand){return react.useMemo(()=>columns.length===0?{}:layoutMode==="responsive"?calculateResponsiveLayout(rowKey,columns,autoExpand):calculateFixedLayout(rowKey,columns),[])}exports.useColumnsLayout=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/lib/vef-form/hooks/use-computed-values.cjs

@@ -1,60 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const helper = require('../helper.cjs');
-const store = require('../store.cjs');
-
-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;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),helper=require("../helper.cjs"),store=require("../store.cjs");function useComputedValues(values,returnAsObject=!1){const[scene,eventBus,getValues]=store.useFormStore(state=>[state.scene,state.eventBus,state.getValues]),forceUpdate=hooks.useUpdater(),currentValues=getValues(),computedValues=hooks.useDeepMemo(()=>values.reduce((acc,it)=>{const{key,rawValue,defaultValue}=it,computedValue=helper.computeValue(rawValue,currentValues,scene,defaultValue);return acc[key]=computedValue,acc},{}),[currentValues,scene,values]);return hooks.useDeepLayoutEffect(()=>{const realComputedValues=values.filter(({rawValue})=>shared.isFunctionOrExpression(rawValue));if(realComputedValues.length>0){const handleChange=newValues=>{for(const value of realComputedValues){const{key,rawValue,defaultValue}=value,computedValue=computedValues[key],refreshedValue=helper.computeValue(rawValue,newValues,scene,defaultValue);if(!shared.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])}exports.useComputedValues=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/lib/vef-form/hooks/use-form-context.cjs

@@ -1,21 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const shared = require('@vef-framework/shared');
-
-const {
-  useContextSelector: useFormContextSelector,
-  useContext: useFormContext,
-  ContextProvider: FormContextProvider
-} = shared.createSelectableContext({
-  autoExpand: true,
-  labelPosition: "top",
-  layoutMode: "responsive"
-});
-
-exports.FormContextProvider = FormContextProvider;
-exports.useFormContext = useFormContext;
-exports.useFormContextSelector = 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),{useContextSelector:useFormContextSelector,useContext:useFormContext,ContextProvider:FormContextProvider}=shared.createSelectableContext({autoExpand:!0,labelPosition:"top",layoutMode:"responsive"});exports.FormContextProvider=FormContextProvider,exports.useFormContext=useFormContext,exports.useFormContextSelector=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/lib/vef-form/hooks/use-form-initialization.cjs

@@ -1,50 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const shared = require('@vef-framework/shared');
-const react = require('react');
-
-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;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),react=require("react");function useFormInitialization(schema,initialValues){return react.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;!shared.isNullish(defaultValue)&&shared.isNullish(mergedInitialValues[name])&&(mergedInitialValues[name]=defaultValue),item.type!=="Hidden"&&shared.isFunction(item.onChange)&&(valueChangeHandlers[name]=item.onChange),virtual===!0&&virtualFieldNames.push(name)}}}}return{mergedInitialValues,valueChangeHandlers,virtualFieldNames}},[])}exports.useFormInitialization=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/lib/vef-form/hooks/use-form-instance.cjs

@@ -1,31 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-const store = require('../store.cjs');
-
-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;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react"),store=require("../store.cjs");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),result?resolve():reject(result)};eventBus.onSubmitResult(handleResult),form.submit()}),reset,getValues,setValues}))}exports.useFormInstance=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/lib/vef-form/hooks/use-form-values-change.cjs

@@ -1,35 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const store = require('../store.cjs');
-
-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;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),react=require("react"),store=require("../store.cjs");function useFormValuesChange(onChange){const[scene,eventBus,invokeValueChangeHandlers]=store.useFormStore(state=>[state.scene,state.eventBus,state.invokeValueChangeHandlers]),handleValuesChange=react.useMemo(()=>(_,values)=>{eventBus.emitChange(values)},[eventBus]);return react.useEffect(()=>{if(shared.isFunction(onChange)){const handleChange=values=>{onChange(values,scene)};return eventBus.onChange(handleChange),()=>{eventBus.offChange(handleChange)}}},[eventBus,onChange,scene]),react.useLayoutEffect(()=>{invokeValueChangeHandlers()},[]),{handleValuesChange}}exports.useFormValuesChange=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/lib/vef-form/hooks/use-label-width.cjs

@@ -1,23 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const shared = require('@vef-framework/shared');
-const react = require('react');
-
-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;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),react=require("react");function useLabelWidth(labelPosition,labelWidth){return react.useMemo(()=>{if(!(labelPosition==="top"||!labelWidth))return(labelWidth<60||labelWidth>120)&&shared.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])}exports.useLabelWidth=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 */