@vef-framework/components 1.0.127 → 1.0.129

package/esm/vef-form/components/form-hidden-item.js

@@ -1,37 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Form } from 'antd';
-import { memo } from 'react';
-import { useComputedValues } from '../hooks/use-computed-values.js';
-
-"use strict";
-const { Item } = Form;
-function VefFormHiddenItemBase({
-  item
-}) {
-  const { name, show } = item;
-  const [showValue] = useComputedValues([
-    {
-      key: "show",
-      rawValue: show,
-      defaultValue: true
-    }
-  ]);
-  if (!showValue) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    Item,
-    {
-      hidden: true,
-      name,
-      children: /* @__PURE__ */ jsx("input", { type: "hidden" })
-    }
-  );
-}
-const VefFormHiddenItem = memo(
-  VefFormHiddenItemBase,
-  () => false
-);
-
-export { VefFormHiddenItem as default };
+import{jsx as e}from"@emotion/react/jsx-runtime";import{Form as n}from"antd";import{memo as u}from"react";import{useComputedValues as i}from"../hooks/use-computed-values.js";const{Item:s}=n;function a({item:o}){const{name:t,show:m}=o,[r]=i([{key:"show",rawValue:m,defaultValue:!0}]);return r?e(s,{hidden:!0,name:t,children:e("input",{type:"hidden"})}):null}const d=u(a,()=>!1);export{d as default};

package/esm/vef-form/components/form-item.js

@@ -1,80 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useContextDisabled } from '@vef-framework/hooks';
-import { isArray } from '@vef-framework/shared';
-import { Form } from 'antd';
-import { memo } from 'react';
-import { useComputedValues } from '../hooks/use-computed-values.js';
-import VefFormField from './form-field.js';
-
-"use strict";
-const { Item } = Form;
-function VefFormItemBase({
-  item,
-  disabled
-}) {
-  const {
-    name,
-    show,
-    disabled: itemDisabled,
-    label,
-    tip,
-    rules,
-    virtual: _,
-    ...componentProps
-  } = item;
-  const formDisabled = useContextDisabled();
-  const [showValue, disabledValue, labelValue, tipValue, rulesValue] = useComputedValues([
-    {
-      key: "show",
-      rawValue: show,
-      defaultValue: true
-    },
-    {
-      key: "disabled",
-      rawValue: itemDisabled,
-      defaultValue: disabled
-    },
-    {
-      key: "label",
-      rawValue: label
-    },
-    {
-      key: "tip",
-      rawValue: tip
-    },
-    {
-      key: "rules",
-      rawValue: rules
-    }
-  ]);
-  if (!showValue) {
-    return null;
-  }
-  const ruleObjects = isArray(rulesValue) ? rulesValue.flatMap((rule) => rule(item)) : void 0;
-  return /* @__PURE__ */ jsx(
-    Item,
-    {
-      label: labelValue,
-      name,
-      preserve: false,
-      rules: ruleObjects,
-      tooltip: tipValue,
-      children: /* @__PURE__ */ jsx(
-        VefFormField,
-        {
-          componentProps,
-          disabled: formDisabled || disabledValue,
-          label: labelValue,
-          name
-        }
-      )
-    }
-  );
-}
-const VefFormItem = memo(
-  VefFormItemBase,
-  (prevProps, nextProps) => prevProps.disabled === nextProps.disabled
-);
-
-export { VefFormItem as default };
+import{jsx as t}from"@emotion/react/jsx-runtime";import{useContextDisabled as y}from"@vef-framework/hooks";import{isArray as k}from"@vef-framework/shared";import{Form as h}from"antd";import{memo as v}from"react";import{useComputedValues as x}from"../hooks/use-computed-values.js";import C from"./form-field.js";const{Item:P}=h;function j({item:e,disabled:r}){const{name:a,show:i,disabled:s,label:m,tip:u,rules:d,virtual:D,...n}=e,p=y(),[f,b,l,c,o]=x([{key:"show",rawValue:i,defaultValue:!0},{key:"disabled",rawValue:s,defaultValue:r},{key:"label",rawValue:m},{key:"tip",rawValue:u},{key:"rules",rawValue:d}]);if(!f)return null;const V=k(o)?o.flatMap(w=>w(e)):void 0;return t(P,{label:l,name:a,preserve:!1,rules:V,tooltip:c,children:t(C,{componentProps:n,disabled:p||b,label:l,name:a})})}const A=v(j,(e,r)=>e.disabled===r.disabled);export{A as default};

package/esm/vef-form/components/form-row.js

@@ -1,99 +1,2 @@
 "use strict";
-import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
-import { isDeepEqual, omit } from '@vef-framework/shared';
-import { useMemo, memo } from 'react';
-import VefGrid from '../../vef-grid/index.js';
-import VefGridItem from '../../vef-grid-item/index.js';
-import { useColumnsLayout } from '../hooks/use-columns-layout.js';
-import { useComputedValues } from '../hooks/use-computed-values.js';
-import { useFormContext } from '../hooks/use-form-context.js';
-import VefFormHiddenItem from './form-hidden-item.js';
-import VefFormItem from './form-item.js';
-
-"use strict";
-const formItemMinWidth = 240;
-function VefFormRowBase({
-  rowKey,
-  columns,
-  disabled,
-  autoExpand: rowAutoExpand
-}) {
-  const {
-    layoutMode,
-    autoExpand: formAutoExpand,
-    labelPosition,
-    labelWidth
-  } = useFormContext();
-  const formItemMinWidthToUse = labelPosition === "top" ? formItemMinWidth : formItemMinWidth + (labelWidth ?? 80);
-  const [hiddenItems, filteredColumns] = useMemo(() => {
-    const hiddenItems2 = [];
-    const filteredColumns2 = [];
-    for (const column of columns) {
-      const { items, ...rest } = column;
-      const filteredItems = [];
-      for (const item of items) {
-        const { type } = item;
-        if (type === "Hidden") {
-          hiddenItems2.push(item);
-        } else {
-          filteredItems.push(item);
-        }
-      }
-      if (filteredItems.length > 0) {
-        filteredColumns2.push({
-          ...rest,
-          items: filteredItems
-        });
-      }
-    }
-    return [hiddenItems2, filteredColumns2];
-  }, [columns]);
-  const computedValues = useComputedValues(
-    [
-      ...filteredColumns.map(({ key, show }) => ({
-        key: `show-${key}`,
-        rawValue: show,
-        defaultValue: true
-      })),
-      ...filteredColumns.map(({ key, disabled: columnDisabled }) => ({
-        key: `disabled-${key}`,
-        rawValue: columnDisabled,
-        defaultValue: disabled
-      }))
-    ],
-    true
-  );
-  const showedColumns = useMemo(() => columns.filter(({ key }) => computedValues[`show-${key}`]), [computedValues, columns]);
-  const layout = useColumnsLayout(rowKey, showedColumns, layoutMode, rowAutoExpand ?? formAutoExpand);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    hiddenItems.map((item) => {
-      const { name } = item;
-      return /* @__PURE__ */ jsx(VefFormHiddenItem, { item }, name);
-    }),
-    showedColumns.length > 0 && /* @__PURE__ */ jsx(VefGrid, { baseWidth: formItemMinWidthToUse, gap: [0, "large"], children: showedColumns.map((column) => {
-      const layoutProps = {};
-      if (layoutMode === "responsive") {
-        const columnsLayout = layout;
-        layoutProps.xs = columnsLayout.xs[column.key];
-        layoutProps.sm = columnsLayout.sm[column.key];
-        layoutProps.md = columnsLayout.md[column.key];
-        layoutProps.lg = columnsLayout.lg[column.key];
-        layoutProps.xl = columnsLayout.xl[column.key];
-        layoutProps.xxl = columnsLayout.xxl[column.key];
-      } else {
-        const columnsLayout = layout;
-        layoutProps.span = columnsLayout[column.key];
-      }
-      return /* @__PURE__ */ jsx(VefGridItem, { ...layoutProps, children: column.items.map((item) => /* @__PURE__ */ jsx(VefFormItem, { disabled: disabled || computedValues[`disabled-${column.key}`], item }, item.name)) }, column.key);
-    }) })
-  ] });
-}
-const VefFormRow = memo(
-  VefFormRowBase,
-  (prevProps, nextProps) => isDeepEqual(
-    omit(prevProps, ["columns"]),
-    omit(nextProps, ["columns"])
-  )
-);
-
-export { VefFormRow as default };
+import{jsxs as F,Fragment as W,jsx as m}from"@emotion/react/jsx-runtime";import{isDeepEqual as j,omit as c}from"@vef-framework/shared";import{useMemo as y,memo as M}from"react";import P from"../../vef-grid/index.js";import q from"../../vef-grid-item/index.js";import{useColumnsLayout as v}from"../hooks/use-columns-layout.js";import{useComputedValues as D}from"../hooks/use-computed-values.js";import{useFormContext as H}from"../hooks/use-form-context.js";import I from"./form-hidden-item.js";import K from"./form-item.js";const h=240;function L({rowKey:r,columns:s,disabled:u,autoExpand:k}){const{layoutMode:p,autoExpand:x,labelPosition:b,labelWidth:g}=H(),$=b==="top"?h:h+(g??80),[w,d]=y(()=>{const o=[],e=[];for(const t of s){const{items:V,...C}=t,n=[];for(const i of V){const{type:E}=i;E==="Hidden"?o.push(i):n.push(i)}n.length>0&&e.push({...C,items:n})}return[o,e]},[s]),a=D([...d.map(({key:o,show:e})=>({key:`show-${o}`,rawValue:e,defaultValue:!0})),...d.map(({key:o,disabled:e})=>({key:`disabled-${o}`,rawValue:e,defaultValue:u}))],!0),l=y(()=>s.filter(({key:o})=>a[`show-${o}`]),[a,s]),f=v(r,l,p,k??x);return F(W,{children:[w.map(o=>{const{name:e}=o;return m(I,{item:o},e)}),l.length>0&&m(P,{baseWidth:$,gap:[0,"large"],children:l.map(o=>{const e={};if(p==="responsive"){const t=f;e.xs=t.xs[o.key],e.sm=t.sm[o.key],e.md=t.md[o.key],e.lg=t.lg[o.key],e.xl=t.xl[o.key],e.xxl=t.xxl[o.key]}else{const t=f;e.span=t[o.key]}return m(q,{...e,children:o.items.map(t=>m(K,{disabled:u||a[`disabled-${o.key}`],item:t},t.name))},o.key)})})]})}const S=M(L,(r,s)=>j(c(r,["columns"]),c(s,["columns"])));export{S as default};

package/esm/vef-form/event.js

@@ -1,45 +1,2 @@
 "use strict";
-import { createEventEmitter } from '@vef-framework/shared';
-
-"use strict";
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var _emitter;
-const changeEvent = Symbol("change");
-const submitResultEvent = Symbol("submitResult");
-class FormEventBus {
-  constructor() {
-    /**
-     * The emitter.
-     */
-    __privateAdd(this, _emitter, createEventEmitter());
-  }
-  clear() {
-    __privateGet(this, _emitter).all.clear();
-  }
-  onChange(handler) {
-    __privateGet(this, _emitter).on(changeEvent, handler);
-  }
-  offChange(handler) {
-    __privateGet(this, _emitter).off(changeEvent, handler);
-  }
-  emitChange(value) {
-    __privateGet(this, _emitter).emit(changeEvent, value);
-  }
-  onSubmitResult(handler) {
-    __privateGet(this, _emitter).on(submitResultEvent, handler);
-  }
-  offSubmitResult(handler) {
-    __privateGet(this, _emitter).off(submitResultEvent, handler);
-  }
-  emitSubmitResult(result) {
-    __privateGet(this, _emitter).emit(submitResultEvent, result);
-  }
-}
-_emitter = new WeakMap();
-
-export { FormEventBus };
+import{createEventEmitter as m}from"@vef-framework/shared";var n=e=>{throw TypeError(e)},h=(e,t,r)=>t.has(e)||n("Cannot "+r),o=(e,t,r)=>(h(e,t,"read from private field"),r?r.call(e):t.get(e)),l=(e,t,r)=>t.has(e)?n("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),a;const s=Symbol("change"),i=Symbol("submitResult");class c{constructor(){l(this,a,m())}clear(){o(this,a).all.clear()}onChange(t){o(this,a).on(s,t)}offChange(t){o(this,a).off(s,t)}emitChange(t){o(this,a).emit(s,t)}onSubmitResult(t){o(this,a).on(i,t)}offSubmitResult(t){o(this,a).off(i,t)}emitSubmitResult(t){o(this,a).emit(i,t)}}a=new WeakMap;export{c as FormEventBus};

package/esm/vef-form/helper.js

@@ -1,16 +1,2 @@
 "use strict";
-import { isFunction, isInternalFunction, isExpression, compileDynamicFn } from '@vef-framework/shared';
-
-"use strict";
-function computeValue(value, values, scene, defaultValue) {
-  if (isFunction(value) && !isInternalFunction(value)) {
-    return value(values, scene);
-  }
-  if (isExpression(value)) {
-    const fn = compileDynamicFn(value, "values", "scene", `return ${value.expression}`);
-    return fn(values, scene);
-  }
-  return value ?? defaultValue;
-}
-
-export { computeValue };
+import{compileDynamicFn as o,isFunction as t,isInternalFunction as u,isExpression as c}from"@vef-framework/shared";function e(n,i,r,s){return t(n)&&!u(n)?n(i,r):c(n)?o(n,"values","scene",`return ${n.expression}`)(i,r):n??s}export{e as computeValue};

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

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

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

@@ -1,123 +1,2 @@
 "use strict";
-import { unique, VefError } from '@vef-framework/shared';
-import { useMemo } from 'react';
-
-"use strict";
-const MAX_SPANS = 24;
-const SPAN_BASES = [
-  {
-    breakpoint: "xs",
-    base: MAX_SPANS,
-    spans: 1
-  },
-  {
-    breakpoint: "sm",
-    base: MAX_SPANS / 2,
-    spans: 2
-  },
-  {
-    breakpoint: "md",
-    base: MAX_SPANS / 3,
-    spans: 3
-  },
-  {
-    breakpoint: "lg",
-    base: MAX_SPANS / 4,
-    spans: 4
-  },
-  {
-    breakpoint: "xl",
-    base: MAX_SPANS / 4,
-    spans: 4
-  },
-  {
-    breakpoint: "xxl",
-    base: MAX_SPANS / 6,
-    spans: 6
-  }
-];
-const ALLOWED_SPANS = 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 };
+import{unique as y,VefError as m}from"@vef-framework/shared";import{useMemo as w}from"react";const n=24,h=[{breakpoint:"xs",base:n,spans:1},{breakpoint:"sm",base:n/2,spans:2},{breakpoint:"md",base:n/3,spans:3},{breakpoint:"lg",base:n/4,spans:4},{breakpoint:"xl",base:n/4,spans:4},{breakpoint:"xxl",base:n/6,spans:6}],d=y(h.map(t=>t.spans));function x(t,s,a){const l=s.reduce((b,i)=>b+(i.span??1),0);if(!d.includes(l))throw new m(-3,`The total spans of the columns of the row [${t}] must be one of the following: ${d.join(", ")}.`);const u=24/l,r={};for(const{breakpoint:b,base:i,spans:k}of h)if(u>=i)r[b]=s.reduce((o,e)=>(o[e.key]=(e.span??1)*u,o),{});else{const o={};let e=k,p=null;for(const c of s){const f=c.span??1;e>=f?(o[c.key]=f*i,e-=f,p=c.key):(p&&(a&&(o[p]+=e*i),e=k,p=null),f>k?o[c.key]=24:(o[c.key]=f*i,e-=f,p=c.key)),e===0&&(e=k,p=null)}e>0&&(a&&(o[p]+=e*i),p=null),r[b]=o}return r}function $(t,s){const a=s.reduce((u,r)=>u+(r.span??1),0);if(a>n||n%a!==0)throw new m(-3,`The total spans of the columns of the row [${t}] must be less than or equal to ${n} and a divisor of ${n}.`);const l=n/a;return s.reduce((u,r)=>(u[r.key]=(r.span??1)*l,u),{})}function g(t,s,a,l){return w(()=>s.length===0?{}:a==="responsive"?x(t,s,l):$(t,s),[])}export{g as useColumnsLayout};

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

@@ -1,56 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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 };
+import{useUpdater as g,useDeepMemo as C,useDeepLayoutEffect as h}from"@vef-framework/hooks";import{isFunctionOrExpression as w,isDeepEqual as D}from"@vef-framework/shared";import{computeValue as l}from"../helper.js";import{useFormStore as E}from"../store.js";function x(u,m=!1){const[o,s,V]=E(e=>[e.scene,e.eventBus,e.getValues]),c=g(),i=V(),t=C(()=>u.reduce((e,r)=>{const{key:a,rawValue:n,defaultValue:f}=r,p=l(n,i,o,f);return e[a]=p,e},{}),[i,o,u]);return h(()=>{const e=u.filter(({rawValue:r})=>w(r));if(e.length>0){const r=a=>{for(const n of e){const{key:f,rawValue:p,defaultValue:d}=n,y=t[f],k=l(p,a,o,d);if(!D(k,y)){c();break}}};return s.onChange(r),()=>{s.offChange(r)}}},[t,s,c,o,u]),m?u.reduce((e,{key:r})=>(e[r]=t[r],e),{}):u.map(({key:e})=>t[e])}export{x as useComputedValues};

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

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

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

@@ -1,46 +1,2 @@
 "use strict";
-import { isNullish, isFunction } from '@vef-framework/shared';
-import { useMemo } from 'react';
-
-"use strict";
-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 };
+import{isNullish as i,isFunction as g}from"@vef-framework/shared";import{useMemo as v}from"react";function C(u,a){return v(()=>{const t={...a},e={},s=[];for(const c of u){const{rows:l}=c;for(const f of l){const{columns:m}=f;for(const d of m){const{items:p}=d;for(const o of p){const{name:n,defaultValue:r,virtual:h}=o;!i(r)&&i(t[n])&&(t[n]=r),o.type!=="Hidden"&&g(o.onChange)&&(e[n]=o.onChange),h===!0&&s.push(n)}}}}return{mergedInitialValues:t,valueChangeHandlers:e,virtualFieldNames:s}},[])}export{C as useFormInitialization};