@vef-framework/components 1.0.101 → 1.0.103

package/es/vef-form/components/form-content.js

@@ -1,147 +1,4 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { debounce, styles, isDeepEqual, omit } from '@vef-framework/shared';
-import { useMemo, useRef, useState, useCallback, useEffect, memo } from 'react';
-import VefEmptyPlaceholder from '../../vef-empty-placeholder/index.js';
-import VefFlex from '../../vef-flex/index.js';
-import VefScrollArea from '../../vef-scroll-area/index.js';
-import VefTabs from '../../vef-tabs/index.js';
-import { useComputedValues } from '../hooks/use-computed-values.js';
-import { useFormStore } from '../store.js';
-import VefFormGroup from './form-group.js';
-
-const scrollbarStyle = css`
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx,jsxs,Fragment}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{debounce,styles,isDeepEqual,omit}from"@vef-framework/shared";import{useMemo,useRef,useState,useCallback,useEffect,memo}from"react";import VefEmptyPlaceholder from"../../vef-empty-placeholder/index.js";import VefFlex from"../../vef-flex/index.js";import VefScrollArea from"../../vef-scroll-area/index.js";import VefTabs from"../../vef-tabs/index.js";import{useComputedValues}from"../hooks/use-computed-values.js";import{useFormStore}from"../store.js";import VefFormGroup from"./form-group.js";const scrollbarStyle=css`
   flex: auto;
   min-height: 0;
-`;
-function VefFormContentBase({
-  schema,
-  showTabs,
-  height
-}) {
-  const computedValues = 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 = useMemo(() => schema.filter(({ key }) => computedValues[`show-${key}`]), [computedValues, schema]);
-  const groupDomsRef = useRef({});
-  const [activeGroupKey, setActiveGroupKey] = useState(showedGroups[0]?.key ?? 0);
-  const handleTabChange = useCallback((activeKey) => {
-    groupDomsRef.current[activeKey]?.scrollIntoView({
-      behavior: "smooth",
-      block: "start",
-      inline: "start"
-    });
-    setActiveGroupKey(activeKey);
-  }, []);
-  const handleScroll = 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 debounce({ delay: 60 }, handler);
-  }, [showTabs]);
-  const [setShowActionButtons] = useFormStore((state) => [state.setShowActionButtons]);
-  useEffect(() => {
-    setShowActionButtons(showedGroups.length > 0);
-  }, [setShowActionButtons, showedGroups.length]);
-  if (showedGroups.length === 0) {
-    return /* @__PURE__ */ jsx(VefEmptyPlaceholder, { description: "空表单" });
-  }
-  if (showTabs === "switch") {
-    const items = schema.map(({ key, rows }) => ({
-      key: `${key}`,
-      label: computedValues[`title-${key}`],
-      destroyInactiveTabPane: false,
-      children: /* @__PURE__ */ jsx(
-        VefFormGroup,
-        {
-          disabled: computedValues[`disabled-${key}`],
-          rows
-        }
-      )
-    }));
-    return /* @__PURE__ */ jsx(VefTabs, { items });
-  }
-  if (showTabs === "navigation") {
-    return /* @__PURE__ */ jsxs(VefFlex, { vertical: true, css: height === "full" ? styles.fullHeight : void 0, children: [
-      /* @__PURE__ */ jsx(
-        VefTabs,
-        {
-          activeKey: `${activeGroupKey}`,
-          items: schema.map(({ key }) => ({
-            key: `${key}`,
-            label: computedValues[`title-${key}`]
-          })),
-          onChange: handleTabChange
-        }
-      ),
-      /* @__PURE__ */ jsx(VefScrollArea, { css: scrollbarStyle, onScroll: handleScroll, children: schema.map(
-        ({ key, rows }) => /* @__PURE__ */ jsx(
-          VefFormGroup,
-          {
-            ref: (dom) => {
-              groupDomsRef.current[key] = dom;
-            },
-            disabled: computedValues[`disabled-${key}`],
-            rows,
-            title: computedValues[`title-${key}`]
-          },
-          key
-        )
-      ) })
-    ] });
-  }
-  const groupNodes = schema.map(
-    ({ key, rows }) => /* @__PURE__ */ jsx(
-      VefFormGroup,
-      {
-        disabled: computedValues[`disabled-${key}`],
-        rows,
-        title: computedValues[`title-${key}`]
-      },
-      key
-    )
-  );
-  if (height === "full") {
-    return /* @__PURE__ */ jsx(VefScrollArea, { onScroll: handleScroll, children: groupNodes });
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: groupNodes });
-}
-const VefFormContent = memo(
-  VefFormContentBase,
-  (prevProps, nextProps) => isDeepEqual(
-    omit(prevProps, ["schema"]),
-    omit(nextProps, ["schema"])
-  )
-);
-
-export { VefFormContent 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 */
+`;function VefFormContentBase({schema,showTabs,height}){const computedValues=useComputedValues([...schema.map(({key,title})=>({key:`title-${key}`,rawValue:title})),...schema.map(({key,show})=>({key:`show-${key}`,rawValue:show,defaultValue:!0})),...schema.map(({key,disabled})=>({key:`disabled-${key}`,rawValue:disabled,defaultValue:!1}))],!0),showedGroups=useMemo(()=>schema.filter(({key})=>computedValues[`show-${key}`]),[computedValues,schema]),groupDomsRef=useRef({}),[activeGroupKey,setActiveGroupKey]=useState(showedGroups[0]?.key??0),handleTabChange=useCallback(activeKey=>{groupDomsRef.current[activeKey]?.scrollIntoView({behavior:"smooth",block:"start",inline:"start"}),setActiveGroupKey(activeKey)},[]),handleScroll=useMemo(()=>showTabs!=="navigation"?void 0:debounce({delay:60},event=>{const{top:containerTop}=event.target.getBoundingClientRect();for(const[groupKey,groupDom]of Object.entries(groupDomsRef.current))if(groupDom){const{top}=groupDom.getBoundingClientRect();top-containerTop<=60&&setActiveGroupKey(groupKey)}}),[showTabs]),[setShowActionButtons]=useFormStore(state=>[state.setShowActionButtons]);if(useEffect(()=>{setShowActionButtons(showedGroups.length>0)},[setShowActionButtons,showedGroups.length]),showedGroups.length===0)return jsx(VefEmptyPlaceholder,{description:"空表单"});if(showTabs==="switch"){const items=schema.map(({key,rows})=>({key:`${key}`,label:computedValues[`title-${key}`],destroyInactiveTabPane:!1,children:jsx(VefFormGroup,{disabled:computedValues[`disabled-${key}`],rows})}));return jsx(VefTabs,{items})}if(showTabs==="navigation")return jsxs(VefFlex,{vertical:!0,css:height==="full"?styles.fullHeight:void 0,children:[jsx(VefTabs,{activeKey:`${activeGroupKey}`,items:schema.map(({key})=>({key:`${key}`,label:computedValues[`title-${key}`]})),onChange:handleTabChange}),jsx(VefScrollArea,{css:scrollbarStyle,onScroll:handleScroll,children:schema.map(({key,rows})=>jsx(VefFormGroup,{ref:dom=>{groupDomsRef.current[key]=dom},disabled:computedValues[`disabled-${key}`],rows,title:computedValues[`title-${key}`]},key))})]});const groupNodes=schema.map(({key,rows})=>jsx(VefFormGroup,{disabled:computedValues[`disabled-${key}`],rows,title:computedValues[`title-${key}`]},key));return height==="full"?jsx(VefScrollArea,{onScroll:handleScroll,children:groupNodes}):jsx(Fragment,{children:groupNodes})}const VefFormContent=memo(VefFormContentBase,(prevProps,nextProps)=>isDeepEqual(omit(prevProps,["schema"]),omit(nextProps,["schema"])));/*! 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{VefFormContent as default};

package/es/vef-form/components/form-field.js

@@ -1,23 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { VefError } from '@vef-framework/shared';
-import { useMemo } from 'react';
-import { fieldMap } from './fields/index.js';
-
-function VefFormField(props) {
-  const { name, componentProps: { type } } = props;
-  const FormFieldComponent = useMemo(() => {
-    if (type === "Hidden") {
-      return () => null;
-    }
-    const Component = fieldMap[type];
-    if (!Component) {
-      throw new VefError(-9, `Unknown form field type: "${type}", please check the type of "${name}" field.`);
-    }
-    return Component;
-  }, [name, type]);
-  return /* @__PURE__ */ jsx(FormFieldComponent, { ...props });
-}
-
-export { VefFormField 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{VefError}from"@vef-framework/shared";import{useMemo}from"react";import{fieldMap}from"./fields/index.js";function VefFormField(props){const{name,componentProps:{type}}=props,FormFieldComponent=useMemo(()=>{if(type==="Hidden")return()=>null;const Component=fieldMap[type];if(!Component)throw new VefError(-9,`Unknown form field type: "${type}", please check the type of "${name}" field.`);return Component},[name,type]);return jsx(FormFieldComponent,{...props})}/*! 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{VefFormField as default};

package/es/vef-form/components/form-group.js

@@ -1,14 +1,4 @@
-/*! 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 { themeVariables, isDeepEqual, omit } from '@vef-framework/shared';
-import { useMemo, memo, forwardRef } from 'react';
-import VefEmptyPlaceholder from '../../vef-empty-placeholder/index.js';
-import VefTitle from '../../vef-title/index.js';
-import { useComputedValues } from '../hooks/use-computed-values.js';
-import VefFormRow from './form-row.js';
-
-const groupStyle = css`
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables,isDeepEqual,omit}from"@vef-framework/shared";import{useMemo,memo,forwardRef}from"react";import VefEmptyPlaceholder from"../../vef-empty-placeholder/index.js";import VefTitle from"../../vef-title/index.js";import{useComputedValues}from"../hooks/use-computed-values.js";import VefFormRow from"./form-row.js";const groupStyle=css`
   margin-bottom: ${themeVariables.margin};
 
   &:last-child {
@@ -18,56 +8,4 @@ const groupStyle = css`
   .vef-form-group-content {
     padding: 0 2px;
   }
-`;
-function VefFormGroupBase({
-  title,
-  disabled,
-  rows
-}, groupRef) {
-  const computedValues = 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 = useMemo(() => rows.filter(({ key }) => computedValues[`show-${key}`]), [computedValues, rows]);
-  return /* @__PURE__ */ jsxs("div", { ref: groupRef, css: groupStyle, children: [
-    title && /* @__PURE__ */ jsx(VefTitle, { showBottomLine: true, showLeftBar: true, level: 4, children: title }),
-    /* @__PURE__ */ jsx("div", { className: "vef-form-group-content", children: showedRows.length === 0 ? /* @__PURE__ */ jsx(VefEmptyPlaceholder, { description: "空表单组" }) : showedRows.map(
-      ({
-        key,
-        autoExpand: rowAutoExpand,
-        columns
-      }) => /* @__PURE__ */ jsx(
-        VefFormRow,
-        {
-          autoExpand: rowAutoExpand,
-          columns,
-          disabled: computedValues[`disabled-${key}`],
-          rowKey: key
-        },
-        key
-      )
-    ) })
-  ] });
-}
-const VefFormGroup = memo(
-  forwardRef(VefFormGroupBase),
-  (prevProps, nextProps) => isDeepEqual(
-    omit(prevProps, ["rows"]),
-    omit(nextProps, ["rows"])
-  )
-);
-VefFormGroup.displayName = "VefFormGroup";
-
-export { VefFormGroup 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 */
+`;function VefFormGroupBase({title,disabled,rows},groupRef){const computedValues=useComputedValues([...rows.map(({key,show})=>({key:`show-${key}`,rawValue:show,defaultValue:!0})),...rows.map(({key,disabled:rowDisabled})=>({key:`disabled-${key}`,rawValue:rowDisabled,defaultValue:disabled}))],!0),showedRows=useMemo(()=>rows.filter(({key})=>computedValues[`show-${key}`]),[computedValues,rows]);return jsxs("div",{ref:groupRef,css:groupStyle,children:[title&&jsx(VefTitle,{showBottomLine:!0,showLeftBar:!0,level:4,children:title}),jsx("div",{className:"vef-form-group-content",children:showedRows.length===0?jsx(VefEmptyPlaceholder,{description:"空表单组"}):showedRows.map(({key,autoExpand:rowAutoExpand,columns})=>jsx(VefFormRow,{autoExpand:rowAutoExpand,columns,disabled:computedValues[`disabled-${key}`],rowKey:key},key))})]})}const VefFormGroup=memo(forwardRef(VefFormGroupBase),(prevProps,nextProps)=>isDeepEqual(omit(prevProps,["rows"]),omit(nextProps,["rows"])));VefFormGroup.displayName="VefFormGroup";/*! 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{VefFormGroup as default};

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

@@ -1,37 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Form } from 'antd';
-import { memo } from 'react';
-import { useComputedValues } from '../hooks/use-computed-values.js';
-
-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 };
-/*! 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.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Form}from"antd";import{memo}from"react";import{useComputedValues}from"../hooks/use-computed-values.js";const{Item}=Form;function VefFormHiddenItemBase({item}){const{name,show}=item,[showValue]=useComputedValues([{key:"show",rawValue:show,defaultValue:!0}]);return showValue?jsx(Item,{hidden:!0,name,children:jsx("input",{type:"hidden"})}):null}const VefFormHiddenItem=memo(VefFormHiddenItemBase,()=>!1);/*! 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{VefFormHiddenItem as default};

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

@@ -1,80 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-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';
-
-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 };
-/*! 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.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */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";const{Item}=Form;function VefFormItemBase({item,disabled}){const{name,show,disabled:itemDisabled,label,tip,rules,virtual:_,...componentProps}=item,formDisabled=useContextDisabled(),[showValue,disabledValue,labelValue,tipValue,rulesValue]=useComputedValues([{key:"show",rawValue:show,defaultValue:!0},{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 jsx(Item,{label:labelValue,name,preserve:!1,rules:ruleObjects,tooltip:tipValue,children:jsx(VefFormField,{componentProps,disabled:formDisabled||disabledValue,label:labelValue,name})})}const VefFormItem=memo(VefFormItemBase,(prevProps,nextProps)=>prevProps.disabled===nextProps.disabled);/*! 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{VefFormItem as default};

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

@@ -1,99 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-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';
-
-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 };
-/*! 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.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */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";const formItemMinWidth=240;function VefFormRowBase({rowKey,columns,disabled,autoExpand:rowAutoExpand}){const{layoutMode,autoExpand:formAutoExpand,labelPosition,labelWidth}=useFormContext(),formItemMinWidthToUse=labelPosition==="top"?formItemMinWidth:formItemMinWidth+(labelWidth??80),[hiddenItems,filteredColumns]=useMemo(()=>{const hiddenItems2=[],filteredColumns2=[];for(const column of columns){const{items,...rest}=column,filteredItems=[];for(const item of items){const{type}=item;type==="Hidden"?hiddenItems2.push(item):filteredItems.push(item)}filteredItems.length>0&&filteredColumns2.push({...rest,items:filteredItems})}return[hiddenItems2,filteredColumns2]},[columns]),computedValues=useComputedValues([...filteredColumns.map(({key,show})=>({key:`show-${key}`,rawValue:show,defaultValue:!0})),...filteredColumns.map(({key,disabled:columnDisabled})=>({key:`disabled-${key}`,rawValue:columnDisabled,defaultValue:disabled}))],!0),showedColumns=useMemo(()=>columns.filter(({key})=>computedValues[`show-${key}`]),[computedValues,columns]),layout=useColumnsLayout(rowKey,showedColumns,layoutMode,rowAutoExpand??formAutoExpand);return jsxs(Fragment,{children:[hiddenItems.map(item=>{const{name}=item;return jsx(VefFormHiddenItem,{item},name)}),showedColumns.length>0&&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 jsx(VefGridItem,{...layoutProps,children:column.items.map(item=>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"])));/*! 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{VefFormRow as default};

package/es/vef-form/event.js

@@ -1,45 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { createEventEmitter } from '@vef-framework/shared';
-
-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 };
-/*! 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.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{createEventEmitter}from"@vef-framework/shared";var __typeError=msg=>{throw TypeError(msg)},__accessCheck=(obj,member,msg)=>member.has(obj)||__typeError("Cannot "+msg),__privateGet=(obj,member,getter)=>(__accessCheck(obj,member,"read from private field"),getter?getter.call(obj):member.get(obj)),__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),_emitter;const changeEvent=Symbol("change"),submitResultEvent=Symbol("submitResult");class FormEventBus{constructor(){__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;/*! 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{FormEventBus};

package/es/vef-form/helper.js

@@ -1,16 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { isFunction, isIternalFunction, isExpression, compileDynamicFn } from '@vef-framework/shared';
-
-function computeValue(value, values, scene, defaultValue) {
-  if (isFunction(value) && !isIternalFunction(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 };
-/*! 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.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{compileDynamicFn,isFunction,isIternalFunction,isExpression}from"@vef-framework/shared";function computeValue(value,values,scene,defaultValue){return isFunction(value)&&!isIternalFunction(value)?value(values,scene):isExpression(value)?compileDynamicFn(value,"values","scene",`return ${value.expression}`)(values,scene):value??defaultValue}/*! 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{computeValue};