@vef-framework/components 1.0.128 → 1.0.129

package/cjs/vef-form/components/form-content.cjs

@@ -1,151 +1,5 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var react$1 = require('react');
-var index = require('../../vef-empty-placeholder/index.cjs');
-var index$2 = require('../../vef-flex/index.cjs');
-var index$3 = require('../../vef-scroll-area/index.cjs');
-var index$1 = require('../../vef-tabs/index.cjs');
-var useComputedValues = require('../hooks/use-computed-values.cjs');
-var store = require('../store.cjs');
-var formGroup = require('./form-group.cjs');
-
-"use strict";
-const scrollbarStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@emotion/react/jsx-runtime"),g=require("@emotion/react"),n=require("@vef-framework/shared"),i=require("react"),j=require("../../vef-empty-placeholder/index.cjs"),q=require("../../vef-flex/index.cjs"),b=require("../../vef-scroll-area/index.cjs"),w=require("../../vef-tabs/index.cjs"),V=require("../hooks/use-computed-values.cjs"),C=require("../store.cjs"),c=require("./form-group.cjs");const S=g.css`
   flex: auto;
   min-height: 0;
-`;
-function VefFormContentBase({
-  schema,
-  showTabs,
-  height
-}) {
-  const computedValues = useComputedValues.useComputedValues(
-    [
-      ...schema.map(({ key, title }) => ({
-        key: `title-${key}`,
-        rawValue: title
-      })),
-      ...schema.map(({ key, show }) => ({
-        key: `show-${key}`,
-        rawValue: show,
-        defaultValue: true
-      })),
-      ...schema.map(({ key, disabled }) => ({
-        key: `disabled-${key}`,
-        rawValue: disabled,
-        defaultValue: false
-      }))
-    ],
-    true
-  );
-  const showedGroups = react$1.useMemo(() => schema.filter(({ key }) => computedValues[`show-${key}`]), [computedValues, schema]);
-  const groupDomsRef = react$1.useRef({});
-  const [activeGroupKey, setActiveGroupKey] = react$1.useState(showedGroups[0]?.key ?? 0);
-  const handleTabChange = react$1.useCallback((activeKey) => {
-    groupDomsRef.current[activeKey]?.scrollIntoView({
-      behavior: "smooth",
-      block: "start",
-      inline: "start"
-    });
-    setActiveGroupKey(activeKey);
-  }, []);
-  const handleScroll = react$1.useMemo(() => {
-    if (showTabs !== "navigation") {
-      return;
-    }
-    const handler = (event) => {
-      const threshold = 60;
-      const { top: containerTop } = event.target.getBoundingClientRect();
-      for (const [groupKey, groupDom] of Object.entries(groupDomsRef.current)) {
-        if (groupDom) {
-          const { top } = groupDom.getBoundingClientRect();
-          if (top - containerTop <= threshold) {
-            setActiveGroupKey(groupKey);
-          }
-        }
-      }
-    };
-    return shared.debounce({ delay: 60 }, handler);
-  }, [showTabs]);
-  const [setShowActionButtons] = store.useFormStore((state) => [state.setShowActionButtons]);
-  react$1.useEffect(() => {
-    setShowActionButtons(showedGroups.length > 0);
-  }, [setShowActionButtons, showedGroups.length]);
-  if (showedGroups.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(index.default, { description: "空表单" });
-  }
-  if (showTabs === "switch") {
-    const items = schema.map(({ key, rows }) => ({
-      key: `${key}`,
-      label: computedValues[`title-${key}`],
-      destroyInactiveTabPane: false,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        formGroup.default,
-        {
-          disabled: computedValues[`disabled-${key}`],
-          rows
-        }
-      )
-    }));
-    return /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { items });
-  }
-  if (showTabs === "navigation") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(index$2.default, { vertical: true, css: height === "full" ? shared.styles.fullHeight : void 0, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        index$1.default,
-        {
-          activeKey: `${activeGroupKey}`,
-          items: schema.map(({ key }) => ({
-            key: `${key}`,
-            label: computedValues[`title-${key}`]
-          })),
-          onChange: handleTabChange
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(index$3.default, { css: scrollbarStyle, onScroll: handleScroll, children: schema.map(
-        ({ key, rows }) => /* @__PURE__ */ jsxRuntime.jsx(
-          formGroup.default,
-          {
-            ref: (dom) => {
-              groupDomsRef.current[key] = dom;
-            },
-            disabled: computedValues[`disabled-${key}`],
-            rows,
-            title: computedValues[`title-${key}`]
-          },
-          key
-        )
-      ) })
-    ] });
-  }
-  const groupNodes = schema.map(
-    ({ key, rows }) => /* @__PURE__ */ jsxRuntime.jsx(
-      formGroup.default,
-      {
-        disabled: computedValues[`disabled-${key}`],
-        rows,
-        title: computedValues[`title-${key}`]
-      },
-      key
-    )
-  );
-  if (height === "full") {
-    return /* @__PURE__ */ jsxRuntime.jsx(index$3.default, { onScroll: handleScroll, children: groupNodes });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: groupNodes });
-}
-const VefFormContent = react$1.memo(
-  VefFormContentBase,
-  (prevProps, nextProps) => shared.isDeepEqual(
-    shared.omit(prevProps, ["schema"]),
-    shared.omit(nextProps, ["schema"])
-  )
-);
-
-exports.default = VefFormContent;
+`;function M({schema:r,showTabs:l,height:f}){const a=V.useComputedValues([...r.map(({key:e,title:t})=>({key:`title-${e}`,rawValue:t})),...r.map(({key:e,show:t})=>({key:`show-${e}`,rawValue:t,defaultValue:!0})),...r.map(({key:e,disabled:t})=>({key:`disabled-${e}`,rawValue:t,defaultValue:!1}))],!0),o=i.useMemo(()=>r.filter(({key:e})=>a[`show-${e}`]),[a,r]),d=i.useRef({}),[k,h]=i.useState(o[0]?.key??0),p=i.useCallback(e=>{d.current[e]?.scrollIntoView({behavior:"smooth",block:"start",inline:"start"}),h(e)},[]),m=i.useMemo(()=>l!=="navigation"?void 0:n.debounce({delay:60},e=>{const{top:t}=e.target.getBoundingClientRect();for(const[u,$]of Object.entries(d.current))if($){const{top:x}=$.getBoundingClientRect();x-t<=60&&h(u)}}),[l]),[v]=C.useFormStore(e=>[e.setShowActionButtons]);if(i.useEffect(()=>{v(o.length>0)},[v,o.length]),o.length===0)return s.jsx(j.default,{description:"空表单"});if(l==="switch"){const e=r.map(({key:t,rows:u})=>({key:`${t}`,label:a[`title-${t}`],destroyInactiveTabPane:!1,children:s.jsx(c.default,{disabled:a[`disabled-${t}`],rows:u})}));return s.jsx(w.default,{items:e})}if(l==="navigation")return s.jsxs(q.default,{vertical:!0,css:f==="full"?n.styles.fullHeight:void 0,children:[s.jsx(w.default,{activeKey:`${k}`,items:r.map(({key:e})=>({key:`${e}`,label:a[`title-${e}`]})),onChange:p}),s.jsx(b.default,{css:S,onScroll:m,children:r.map(({key:e,rows:t})=>s.jsx(c.default,{ref:u=>{d.current[e]=u},disabled:a[`disabled-${e}`],rows:t,title:a[`title-${e}`]},e))})]});const y=r.map(({key:e,rows:t})=>s.jsx(c.default,{disabled:a[`disabled-${e}`],rows:t,title:a[`title-${e}`]},e));return f==="full"?s.jsx(b.default,{onScroll:m,children:y}):s.jsx(s.Fragment,{children:y})}const R=i.memo(M,(r,l)=>n.isDeepEqual(n.omit(r,["schema"]),n.omit(l,["schema"])));exports.default=R;

package/cjs/vef-form/components/form-field.cjs

@@ -1,27 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-var index = require('./fields/index.cjs');
-
-"use strict";
-function VefFormField(props) {
-  const { name, componentProps: { type } } = props;
-  const FormFieldComponent = react.useMemo(() => {
-    if (type === "Hidden") {
-      return () => null;
-    }
-    const Component = index.fieldMap[type];
-    if (!Component) {
-      throw new shared.VefError(-9, `Unknown form field type: "${type}", please check the type of "${name}" field.`);
-    }
-    return Component;
-  }, [name, type]);
-  return /* @__PURE__ */ jsxRuntime.jsx(FormFieldComponent, { ...props });
-}
-
-exports.default = VefFormField;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var u=require("@emotion/react/jsx-runtime"),o=require("@vef-framework/shared"),s=require("react"),a=require("./fields/index.cjs");function f(r){const{name:t,componentProps:{type:e}}=r,i=s.useMemo(()=>{if(e==="Hidden")return()=>null;const n=a.fieldMap[e];if(!n)throw new o.VefError(-9,`Unknown form field type: "${e}", please check the type of "${t}" field.`);return n},[t,e]);return u.jsx(i,{...r})}exports.default=f;

package/cjs/vef-form/components/form-group.cjs

@@ -1,20 +1,6 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var react$1 = require('react');
-var index$1 = require('../../vef-empty-placeholder/index.cjs');
-var index = require('../../vef-title/index.cjs');
-var useComputedValues = require('../hooks/use-computed-values.cjs');
-var formRow = require('./form-row.cjs');
-
-"use strict";
-const groupStyle = react.css`
-  margin-bottom: ${shared.themeVariables.margin};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("@emotion/react/jsx-runtime"),f=require("@emotion/react"),t=require("@vef-framework/shared"),d=require("react"),p=require("../../vef-empty-placeholder/index.cjs"),v=require("../../vef-title/index.cjs"),h=require("../hooks/use-computed-values.cjs"),w=require("./form-row.cjs");const x=f.css`
+  margin-bottom: ${t.themeVariables.margin};
 
   &:last-child {
     margin-bottom: 0;
@@ -23,55 +9,4 @@ const groupStyle = react.css`
   .vef-form-group-content {
     padding: 0 2px;
   }
-`;
-function VefFormGroupBase({
-  title,
-  disabled,
-  rows
-}, groupRef) {
-  const computedValues = useComputedValues.useComputedValues(
-    [
-      ...rows.map(({ key, show }) => ({
-        key: `show-${key}`,
-        rawValue: show,
-        defaultValue: true
-      })),
-      ...rows.map(({ key, disabled: rowDisabled }) => ({
-        key: `disabled-${key}`,
-        rawValue: rowDisabled,
-        defaultValue: disabled
-      }))
-    ],
-    true
-  );
-  const showedRows = react$1.useMemo(() => rows.filter(({ key }) => computedValues[`show-${key}`]), [computedValues, rows]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: groupRef, css: groupStyle, children: [
-    title && /* @__PURE__ */ jsxRuntime.jsx(index.default, { showBottomLine: true, showLeftBar: true, level: 4, children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vef-form-group-content", children: showedRows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { description: "空表单组" }) : showedRows.map(
-      ({
-        key,
-        autoExpand: rowAutoExpand,
-        columns
-      }) => /* @__PURE__ */ jsxRuntime.jsx(
-        formRow.default,
-        {
-          autoExpand: rowAutoExpand,
-          columns,
-          disabled: computedValues[`disabled-${key}`],
-          rowKey: key
-        },
-        key
-      )
-    ) })
-  ] });
-}
-const VefFormGroup = react$1.memo(
-  react$1.forwardRef(VefFormGroupBase),
-  (prevProps, nextProps) => shared.isDeepEqual(
-    shared.omit(prevProps, ["rows"]),
-    shared.omit(nextProps, ["rows"])
-  )
-);
-VefFormGroup.displayName = "VefFormGroup";
-
-exports.default = VefFormGroup;
+`;function b({title:s,disabled:u,rows:o},m){const i=h.useComputedValues([...o.map(({key:e,show:r})=>({key:`show-${e}`,rawValue:r,defaultValue:!0})),...o.map(({key:e,disabled:r})=>({key:`disabled-${e}`,rawValue:r,defaultValue:u}))],!0),l=d.useMemo(()=>o.filter(({key:e})=>i[`show-${e}`]),[i,o]);return a.jsxs("div",{ref:m,css:x,children:[s&&a.jsx(v.default,{showBottomLine:!0,showLeftBar:!0,level:4,children:s}),a.jsx("div",{className:"vef-form-group-content",children:l.length===0?a.jsx(p.default,{description:"空表单组"}):l.map(({key:e,autoExpand:r,columns:c})=>a.jsx(w.default,{autoExpand:r,columns:c,disabled:i[`disabled-${e}`],rowKey:e},e))})]})}const n=d.memo(d.forwardRef(b),(s,u)=>t.isDeepEqual(t.omit(s,["rows"]),t.omit(u,["rows"])));n.displayName="VefFormGroup",exports.default=n;

package/cjs/vef-form/components/form-hidden-item.cjs

@@ -1,41 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var antd = require('antd');
-var react = require('react');
-var useComputedValues = require('../hooks/use-computed-values.cjs');
-
-"use strict";
-const { Item } = antd.Form;
-function VefFormHiddenItemBase({
-  item
-}) {
-  const { name, show } = item;
-  const [showValue] = useComputedValues.useComputedValues([
-    {
-      key: "show",
-      rawValue: show,
-      defaultValue: true
-    }
-  ]);
-  if (!showValue) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Item,
-    {
-      hidden: true,
-      name,
-      children: /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden" })
-    }
-  );
-}
-const VefFormHiddenItem = react.memo(
-  VefFormHiddenItemBase,
-  () => false
-);
-
-exports.default = VefFormHiddenItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),a=require("antd"),n=require("react"),i=require("../hooks/use-computed-values.cjs");const{Item:d}=a.Form;function o({item:r}){const{name:u,show:t}=r,[s]=i.useComputedValues([{key:"show",rawValue:t,defaultValue:!0}]);return s?e.jsx(d,{hidden:!0,name:u,children:e.jsx("input",{type:"hidden"})}):null}const l=n.memo(o,()=>!1);exports.default=l;

package/cjs/vef-form/components/form-item.cjs

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

package/cjs/vef-form/components/form-row.cjs

@@ -1,103 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-var index = require('../../vef-grid/index.cjs');
-var index$1 = require('../../vef-grid-item/index.cjs');
-var useColumnsLayout = require('../hooks/use-columns-layout.cjs');
-var useComputedValues = require('../hooks/use-computed-values.cjs');
-var useFormContext = require('../hooks/use-form-context.cjs');
-var formHiddenItem = require('./form-hidden-item.cjs');
-var formItem = require('./form-item.cjs');
-
-"use strict";
-const formItemMinWidth = 240;
-function VefFormRowBase({
-  rowKey,
-  columns,
-  disabled,
-  autoExpand: rowAutoExpand
-}) {
-  const {
-    layoutMode,
-    autoExpand: formAutoExpand,
-    labelPosition,
-    labelWidth
-  } = useFormContext.useFormContext();
-  const formItemMinWidthToUse = labelPosition === "top" ? formItemMinWidth : formItemMinWidth + (labelWidth ?? 80);
-  const [hiddenItems, filteredColumns] = react.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.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 = react.useMemo(() => columns.filter(({ key }) => computedValues[`show-${key}`]), [computedValues, columns]);
-  const layout = useColumnsLayout.useColumnsLayout(rowKey, showedColumns, layoutMode, rowAutoExpand ?? formAutoExpand);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    hiddenItems.map((item) => {
-      const { name } = item;
-      return /* @__PURE__ */ jsxRuntime.jsx(formHiddenItem.default, { item }, name);
-    }),
-    showedColumns.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(index.default, { 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__ */ jsxRuntime.jsx(index$1.default, { ...layoutProps, children: column.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(formItem.default, { disabled: disabled || computedValues[`disabled-${column.key}`], item }, item.name)) }, column.key);
-    }) })
-  ] });
-}
-const VefFormRow = react.memo(
-  VefFormRowBase,
-  (prevProps, nextProps) => shared.isDeepEqual(
-    shared.omit(prevProps, ["columns"]),
-    shared.omit(nextProps, ["columns"])
-  )
-);
-
-exports.default = VefFormRow;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@emotion/react/jsx-runtime"),d=require("@vef-framework/shared"),m=require("react"),C=require("../../vef-grid/index.cjs"),$=require("../../vef-grid-item/index.cjs"),F=require("../hooks/use-columns-layout.cjs"),M=require("../hooks/use-computed-values.cjs"),E=require("../hooks/use-form-context.cjs"),I=require("./form-hidden-item.cjs"),W=require("./form-item.cjs");const f=240;function H({rowKey:a,columns:u,disabled:c,autoExpand:h}){const{layoutMode:p,autoExpand:k,labelPosition:v,labelWidth:q}=E.useFormContext(),b=v==="top"?f:f+(q??80),[g,x]=m.useMemo(()=>{const e=[],s=[];for(const t of u){const{items:j,...w}=t,n=[];for(const i of j){const{type:V}=i;V==="Hidden"?e.push(i):n.push(i)}n.length>0&&s.push({...w,items:n})}return[e,s]},[u]),o=M.useComputedValues([...x.map(({key:e,show:s})=>({key:`show-${e}`,rawValue:s,defaultValue:!0})),...x.map(({key:e,disabled:s})=>({key:`disabled-${e}`,rawValue:s,defaultValue:c}))],!0),l=m.useMemo(()=>u.filter(({key:e})=>o[`show-${e}`]),[o,u]),y=F.useColumnsLayout(a,l,p,h??k);return r.jsxs(r.Fragment,{children:[g.map(e=>{const{name:s}=e;return r.jsx(I.default,{item:e},s)}),l.length>0&&r.jsx(C.default,{baseWidth:b,gap:[0,"large"],children:l.map(e=>{const s={};if(p==="responsive"){const t=y;s.xs=t.xs[e.key],s.sm=t.sm[e.key],s.md=t.md[e.key],s.lg=t.lg[e.key],s.xl=t.xl[e.key],s.xxl=t.xxl[e.key]}else{const t=y;s.span=t[e.key]}return r.jsx($.default,{...s,children:e.items.map(t=>r.jsx(W.default,{disabled:c||o[`disabled-${e.key}`],item:t},t.name))},e.key)})})]})}const L=m.memo(H,(a,u)=>d.isDeepEqual(d.omit(a,["columns"]),d.omit(u,["columns"])));exports.default=L;

package/cjs/vef-form/event.cjs

@@ -1,47 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@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, shared.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();
-
-exports.FormEventBus = FormEventBus;
+"use strict";var h=require("@vef-framework/shared"),n=e=>{throw TypeError(e)},m=(e,t,r)=>t.has(e)||n("Cannot "+r),s=(e,t,r)=>(m(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 i=Symbol("change"),o=Symbol("submitResult");class u{constructor(){l(this,a,h.createEventEmitter())}clear(){s(this,a).all.clear()}onChange(t){s(this,a).on(i,t)}offChange(t){s(this,a).off(i,t)}emitChange(t){s(this,a).emit(i,t)}onSubmitResult(t){s(this,a).on(o,t)}offSubmitResult(t){s(this,a).off(o,t)}emitSubmitResult(t){s(this,a).emit(o,t)}}a=new WeakMap,exports.FormEventBus=u;

package/cjs/vef-form/helper.cjs

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