@vef-framework/components 1.0.64 → 1.0.65

package/lib/vef-form/components/fields/input.cjs

@@ -1,137 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const index = require('../../../vef-input/index.cjs');
-const useComputedValues = require('../../hooks/use-computed-values.cjs');
-const store = require('../../store.cjs');
-
-function Input({
-  label,
-  disabled,
-  value,
-  onChange,
-  componentProps
-}) {
-  if (componentProps.type !== "Input") {
-    throw new shared.VefError(-9, `Oops! Something went wrong. The type of the form field is not "Input", but rendered.`);
-  }
-  const {
-    onChange: onValueChange,
-    onEnterKeyPress,
-    onFocus,
-    onBlur,
-    onClear,
-    maxLength,
-    clearable = false,
-    placeholder,
-    prefix,
-    suffix
-  } = componentProps;
-  const [form, scene, setValues] = store.useFormStore((state) => [state.form, state.scene, state.setValues]);
-  const [placeholderValue, maxLengthValue, prefixValue, suffixValue] = useComputedValues.useComputedValues([
-    {
-      key: "placeholder",
-      rawValue: placeholder,
-      defaultValue: label ? shared.isString(label) ? `\u8BF7\u8F93\u5165${label}` : "\u8BF7\u8F93\u5165" : void 0
-    },
-    {
-      key: "maxLength",
-      rawValue: maxLength
-    },
-    {
-      key: "prefix",
-      rawValue: prefix
-    },
-    {
-      key: "suffix",
-      rawValue: suffix
-    }
-  ]);
-  const events = react.useMemo(() => {
-    const events2 = {};
-    if (shared.isFunction(onFocus)) {
-      events2.onFocus = (value2) => {
-        const values = form.getFieldsValue();
-        onFocus(value2, {
-          scene,
-          values,
-          setValues
-        });
-      };
-    }
-    if (shared.isFunction(onBlur)) {
-      events2.onBlur = (value2) => {
-        const values = form.getFieldsValue();
-        onBlur(value2, {
-          scene,
-          values,
-          setValues
-        });
-      };
-    }
-    events2.onChange = (value2) => {
-      onChange?.(value2);
-      if (shared.isFunction(onValueChange)) {
-        const values = form.getFieldsValue();
-        onValueChange(value2, {
-          scene,
-          values,
-          setValues
-        });
-      }
-    };
-    if (shared.isFunction(onEnterKeyPress)) {
-      events2.onPressEnter = (value2) => {
-        const values = form.getFieldsValue();
-        onEnterKeyPress(value2, {
-          scene,
-          values,
-          setValues
-        });
-      };
-    }
-    if (clearable && shared.isFunction(onClear)) {
-      events2.onClear = () => {
-        const values = form.getFieldsValue();
-        onClear({
-          scene,
-          values,
-          setValues
-        });
-      };
-    }
-    return events2;
-  }, [
-    clearable,
-    form,
-    onBlur,
-    onChange,
-    onClear,
-    onEnterKeyPress,
-    onFocus,
-    onValueChange,
-    scene,
-    setValues
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index.default,
-    {
-      clearable,
-      disabled,
-      maxLength: maxLengthValue,
-      placeholder: placeholderValue,
-      prefix: prefixValue,
-      suffix: suffixValue,
-      value,
-      ...events
-    }
-  );
-}
-
-exports.default = Input;
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),s=require("@vef-framework/shared"),u=require("react"),n=require("../../../vef-input/index.cjs"),t=require("../../hooks/use-computed-values.cjs"),r=require("../../store.cjs");exports.default=function Input({label:o,disabled:a,value:l,onChange:i,componentProps:c}){if("Input"!==c.type)throw new s.VefError(-9,'Oops! Something went wrong. The type of the form field is not "Input", but rendered.');const{onChange:d,onEnterKeyPress:f,onFocus:p,onBlur:V,onClear:g,maxLength:h,clearable:m=!1,placeholder:x,prefix:v,suffix:F}=c,[w,b,y]=r.useFormStore((e=>[e.form,e.scene,e.setValues])),[j,k,q,C]=t.useComputedValues([{key:"placeholder",rawValue:x,defaultValue:o?s.isString(o)?`请输入${o}`:"请输入":void 0},{key:"maxLength",rawValue:h},{key:"prefix",rawValue:v},{key:"suffix",rawValue:F}]),S=u.useMemo((()=>{const e={};return s.isFunction(p)&&(e.onFocus=e=>{const s=w.getFieldsValue();p(e,{scene:b,values:s,setValues:y})}),s.isFunction(V)&&(e.onBlur=e=>{const s=w.getFieldsValue();V(e,{scene:b,values:s,setValues:y})}),e.onChange=e=>{if(i?.(e),s.isFunction(d)){const s=w.getFieldsValue();d(e,{scene:b,values:s,setValues:y})}},s.isFunction(f)&&(e.onPressEnter=e=>{const s=w.getFieldsValue();f(e,{scene:b,values:s,setValues:y})}),m&&s.isFunction(g)&&(e.onClear=()=>{const e=w.getFieldsValue();g({scene:b,values:e,setValues:y})}),e}),[m,w,V,i,g,f,p,d,b,y]);return e.jsx(n.default,{clearable:m,disabled:a,maxLength:k,placeholder:j,prefix:q,suffix:C,value:l,...S})};
 /*! 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/components/fields/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";
 /*! 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/components/form-actions.cjs

@@ -1,63 +1,5 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const Icon = require('@ant-design/icons');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const antd = require('antd');
-const react$1 = require('react');
-const index$1 = require('../../vef-button/index.cjs');
-const index = require('../../vef-flex/index.cjs');
-const store = require('../store.cjs');
-
-const { Item } = antd.Form;
-const defaultSubmissionButtonConfig = {
-  text: "\u63D0\u4EA4",
-  icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.CheckOutlined, {})
-};
-const defaultResetButtonConfig = {
-  text: "\u91CD\u7F6E"
-};
-const buttonContainerStyle = react.css`
-  padding: ${shared.themeVariables.padding} 0;
-`;
-function VefFormActionsBase({
-  submissionButton = defaultSubmissionButtonConfig,
-  resetButton = defaultResetButtonConfig,
-  handleReset
-}) {
-  const [isLoading, showActionButtons] = store.useFormStore((state) => [state.isLoading, state.showActionButtons]);
-  if (!showActionButtons || !submissionButton && !resetButton) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(Item, { children: /* @__PURE__ */ jsxRuntime.jsxs(index.default, { css: buttonContainerStyle, gap: "medium", justify: "flex-end", children: [
-    resetButton && /* @__PURE__ */ jsxRuntime.jsx(
-      index$1.default,
-      {
-        color: "default",
-        variant: "filled",
-        onClick: handleReset,
-        ...shared.omit(resetButton, ["text"]),
-        children: resetButton.text
-      }
-    ),
-    submissionButton && /* @__PURE__ */ jsxRuntime.jsx(
-      index$1.default,
-      {
-        color: "primary",
-        loading: isLoading,
-        type: "submit",
-        ...shared.omit(submissionButton, ["text"]),
-        children: submissionButton.text
-      }
-    )
-  ] }) });
-}
-const VefFormActions = react$1.memo(VefFormActionsBase);
-VefFormActions.displayName = "VefFormActions";
-
-exports.default = VefFormActions;
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@ant-design/icons"),r=require("@emotion/react"),i=require("@vef-framework/shared"),o=require("antd"),s=require("react"),n=require("../../vef-button/index.cjs"),u=require("../../vef-flex/index.cjs"),a=require("../store.cjs"),{Item:d}=o.Form,l={text:"提交",icon:e.jsx(t.CheckOutlined,{})},c={text:"重置"},m=r.css`
+  padding: ${i.themeVariables.padding} 0;
+`;const x=s.memo((function VefFormActionsBase({submissionButton:t=l,resetButton:r=c,handleReset:o}){const[s,x]=a.useFormStore((e=>[e.isLoading,e.showActionButtons]));return x&&(t||r)?e.jsx(d,{children:e.jsxs(u.default,{css:m,gap:"medium",justify:"flex-end",children:[r&&e.jsx(n.default,{color:"default",variant:"filled",onClick:o,...i.omit(r,["text"]),children:r.text}),t&&e.jsx(n.default,{color:"primary",loading:s,type:"submit",...i.omit(t,["text"]),children:t.text})]})}):null}));x.displayName="VefFormActions",exports.default=x;
 /*! 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/components/form-content.cjs

@@ -1,151 +1,6 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const react$1 = require('react');
-const index = require('../../vef-empty-placeholder/index.cjs');
-const index$2 = require('../../vef-flex/index.cjs');
-const index$3 = require('../../vef-scroll-area/index.cjs');
-const index$1 = require('../../vef-tabs/index.cjs');
-const useComputedValues = require('../hooks/use-computed-values.cjs');
-const store = require('../store.cjs');
-const formGroup = require('./form-group.cjs');
-
-const scrollbarStyle = react.css`
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),s=require("@vef-framework/shared"),r=require("react"),l=require("../../vef-empty-placeholder/index.cjs"),i=require("../../vef-flex/index.cjs"),a=require("../../vef-scroll-area/index.cjs"),o=require("../../vef-tabs/index.cjs"),u=require("../hooks/use-computed-values.cjs"),n=require("../store.cjs"),c=require("./form-group.cjs"),d=t.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: "\u7A7A\u8868\u5355" });
-  }
-  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;
+`;const f=r.memo((function VefFormContentBase({schema:t,showTabs:f,height:m}){const h=u.useComputedValues([...t.map((({key:e,title:t})=>({key:`title-${e}`,rawValue:t}))),...t.map((({key:e,show:t})=>({key:`show-${e}`,rawValue:t,defaultValue:!0}))),...t.map((({key:e,disabled:t})=>({key:`disabled-${e}`,rawValue:t,defaultValue:!1})))],!0),b=r.useMemo((()=>t.filter((({key:e})=>h[`show-${e}`]))),[h,t]),j=r.useRef({}),[y,p]=r.useState(b[0]?.key??0),x=r.useCallback((e=>{j.current[e]?.scrollIntoView({behavior:"smooth",block:"start",inline:"start"}),p(e)}),[]),g=r.useMemo((()=>{if("navigation"!==f)return;return s.debounce({delay:60},(e=>{const{top:t}=e.target.getBoundingClientRect();for(const[e,s]of Object.entries(j.current))if(s){const{top:r}=s.getBoundingClientRect();r-t<=60&&p(e)}}))}),[f]),[k]=n.useFormStore((e=>[e.setShowActionButtons]));if(r.useEffect((()=>{k(b.length>0)}),[k,b.length]),0===b.length)return e.jsx(l.default,{description:"空表单"});if("switch"===f){const s=t.map((({key:t,rows:s})=>({key:`${t}`,label:h[`title-${t}`],destroyInactiveTabPane:!1,children:e.jsx(c.default,{disabled:h[`disabled-${t}`],rows:s})})));return e.jsx(o.default,{items:s})}if("navigation"===f)return e.jsxs(i.default,{vertical:!0,css:"full"===m?s.styles.fullHeight:void 0,children:[e.jsx(o.default,{activeKey:`${y}`,items:t.map((({key:e})=>({key:`${e}`,label:h[`title-${e}`]}))),onChange:x}),e.jsx(a.default,{css:d,onScroll:g,children:t.map((({key:t,rows:s})=>e.jsx(c.default,{ref:e=>{j.current[t]=e},disabled:h[`disabled-${t}`],rows:s,title:h[`title-${t}`]},t)))})]});const w=t.map((({key:t,rows:s})=>e.jsx(c.default,{disabled:h[`disabled-${t}`],rows:s,title:h[`title-${t}`]},t)));return"full"===m?e.jsx(a.default,{onScroll:g,children:w}):e.jsx(e.Fragment,{children:w})}),((e,t)=>s.isDeepEqual(s.omit(e,["schema"]),s.omit(t,["schema"]))));exports.default=f;
 /*! 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/components/form-field.cjs

@@ -1,27 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const index = require('./fields/index.cjs');
-
-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;
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),t=require("react"),o=require("./fields/index.cjs");exports.default=function VefFormField(n){const{name:i,componentProps:{type:s}}=n,u=t.useMemo((()=>{if("Hidden"===s)return()=>null;const e=o.fieldMap[s];if(!e)throw new r.VefError(-9,`Unknown form field type: "${s}", please check the type of "${i}" field.`);return e}),[i,s]);return e.jsx(u,{...n})};
 /*! 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/components/form-group.cjs

@@ -1,19 +1,6 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const react$1 = require('react');
-const index$1 = require('../../vef-empty-placeholder/index.cjs');
-const index = require('../../vef-title/index.cjs');
-const useComputedValues = require('../hooks/use-computed-values.cjs');
-const formRow = require('./form-row.cjs');
-
-const groupStyle = react.css`
-  margin-bottom: ${shared.themeVariables.margin};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),o=require("@vef-framework/shared"),s=require("react"),t=require("../../vef-empty-placeholder/index.cjs"),a=require("../../vef-title/index.cjs"),i=require("../hooks/use-computed-values.cjs"),u=require("./form-row.cjs"),l=r.css`
+  margin-bottom: ${o.themeVariables.margin};
 
   &:last-child {
     margin-bottom: 0;
@@ -22,56 +9,5 @@ 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: "\u7A7A\u8868\u5355\u7EC4" }) : 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;
+`;const d=s.memo(s.forwardRef((function VefFormGroupBase({title:r,disabled:o,rows:d},m){const n=i.useComputedValues([...d.map((({key:e,show:r})=>({key:`show-${e}`,rawValue:r,defaultValue:!0}))),...d.map((({key:e,disabled:r})=>({key:`disabled-${e}`,rawValue:r,defaultValue:o})))],!0),c=s.useMemo((()=>d.filter((({key:e})=>n[`show-${e}`]))),[n,d]);return e.jsxs("div",{ref:m,css:l,children:[r&&e.jsx(a.default,{showBottomLine:!0,showLeftBar:!0,level:4,children:r}),e.jsx("div",{className:"vef-form-group-content",children:0===c.length?e.jsx(t.default,{description:"空表单组"}):c.map((({key:r,autoExpand:o,columns:s})=>e.jsx(u.default,{autoExpand:o,columns:s,disabled:n[`disabled-${r}`],rowKey:r},r)))})]})})),((e,r)=>o.isDeepEqual(o.omit(e,["rows"]),o.omit(r,["rows"]))));d.displayName="VefFormGroup",exports.default=d;
 /*! 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/components/form-hidden-item.cjs

@@ -1,41 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const antd = require('antd');
-const react = require('react');
-const useComputedValues = require('../hooks/use-computed-values.cjs');
-
-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;
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd"),u=require("react"),r=require("../hooks/use-computed-values.cjs"),{Item:o}=t.Form;const s=u.memo((function VefFormHiddenItemBase({item:t}){const{name:u,show:s}=t,[n]=r.useComputedValues([{key:"show",rawValue:s,defaultValue:!0}]);return n?e.jsx(o,{hidden:!0,name:u,children:e.jsx("input",{type:"hidden"})}):null}),(()=>!1));exports.default=s;
 /*! 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/components/form-item.cjs

@@ -1,84 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const antd = require('antd');
-const react = require('react');
-const useComputedValues = require('../hooks/use-computed-values.cjs');
-const formField = require('./form-field.cjs');
-
-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;
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/hooks"),a=require("@vef-framework/shared"),l=require("antd"),s=require("react"),u=require("../hooks/use-computed-values.cjs"),t=require("./form-field.cjs"),{Item:o}=l.Form;const i=s.memo((function VefFormItemBase({item:l,disabled:s}){const{name:i,show:d,disabled:n,label:m,tip:f,rules:c,virtual:b,...p}=l,k=r.useContextDisabled(),[w,V,v,q,y]=u.useComputedValues([{key:"show",rawValue:d,defaultValue:!0},{key:"disabled",rawValue:n,defaultValue:s},{key:"label",rawValue:m},{key:"tip",rawValue:f},{key:"rules",rawValue:c}]);if(!w)return null;const h=a.isArray(y)?y.flatMap((e=>e(l))):void 0;return e.jsx(o,{label:v,name:i,preserve:!1,rules:h,tooltip:q,children:e.jsx(t.default,{componentProps:p,disabled:k||V,label:v,name:i})})}),((e,r)=>e.disabled===r.disabled));exports.default=i;
 /*! 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 */