@vef-framework/components 1.0.98 → 1.0.99

package/lib/vef-form/components/fields/tree-select.cjs

@@ -1,3 +1,239 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),a=require("@vef-framework/shared"),l=require("react"),t=require("../../../vef-tree-select/index.cjs"),o=require("../../hooks/use-computed-values.cjs"),s=require("../../store.cjs");exports.default=function TreeSelect({label:r,disabled:i,value:n,onChange:u,componentProps:c}){if("TreeSingleSelect"!==c.type&&"TreeMultipleSelect"!==c.type)throw new a.VefError(-9,'Oops! Something went wrong. The type of the form field is not "TreeSelect", but rendered.');const{onChange:d,onFocus:p,onBlur:y,onClear:k,onSelect:m,onDeselect:V,maxCount:f,clearable:b=!1,filterable:v,filterFromRemote:F,placeholder:w,keywordKey:K,valuesKey:h,fallbackOptionsApi:g,fallbackOptionsApiParams:S,resolveFallbackOptions:O,labelKey:T,valueKey:P,descriptionKey:C,disabledKey:D,childrenKey:x,defaultToFirst:j,api:q,apiParams:A,apiEnabled:M,data:E,dataDictionaryKey:B,placeholderData:R,keepPreviousData:_,staleTime:$,onFetched:z}=c,[G,H,I,J,L,N,Q,U,W,X,Y,Z]=o.useComputedValues([{key:"placeholder",rawValue:w,defaultValue:r?a.isString(r)?`请选择${r}`:"请选择":void 0},{key:"maxCount",rawValue:f},{key:"keywordKey",rawValue:K},{key:"valuesKey",rawValue:h},{key:"fallbackOptionsApi",rawValue:g},{key:"fallbackOptionsApiParams",rawValue:S},{key:"resolveFallbackOptions",rawValue:O},{key:"api",rawValue:q},{key:"apiParams",rawValue:A},{key:"apiEnabled",rawValue:M},{key:"data",rawValue:E},{key:"dataDictionaryKey",rawValue:B}]),[ee,ae,le]=s.useFormStore((e=>[e.form,e.scene,e.setValues])),te=l.useMemo((()=>{const e={};return a.isFunction(p)&&(e.onFocus=(e,a)=>{const l=ee.getFieldsValue();p(e,{scene:ae,values:l,setValues:le,option:a})}),a.isFunction(y)&&(e.onBlur=(e,a)=>{const l=ee.getFieldsValue();y(e,{scene:ae,values:l,setValues:le,option:a})}),b&&a.isFunction(k)&&(e.onClear=()=>{k({scene:ae,values:ee.getFieldsValue(),setValues:le})}),e.onChange=(e,l)=>{if(u?.(e),a.isFunction(d)){const a=ee.getFieldsValue();d(e,{scene:ae,values:a,setValues:le,option:l})}},a.isFunction(m)&&(e.onSelect=(e,a)=>{m(e,{scene:ae,values:ee.getFieldsValue(),setValues:le,option:a})}),a.isFunction(V)&&(e.onDeselect=(e,a)=>{V(e,{scene:ae,values:ee.getFieldsValue(),setValues:le,option:a})}),e}),[b,ee,y,u,k,V,p,m,d,ae,le]);return e.jsx(t.default,{api:U,apiEnabled:X,apiParams:W,childrenKey:x,clearable:b,data:Y,dataDictionaryKey:Z,defaultToFirst:j,descriptionKey:C,disabled:i,disabledKey:D,fallbackOptionsApi:L,fallbackOptionsApiParams:N,filterable:v,filterFromRemote:F,keepPreviousData:_,keywordKey:I,labelKey:T,maxCount:H,multiple:"TreeMultipleSelect"===c.type,placeholder:G,placeholderData:R,resolveFallbackOptions:Q,staleTime:$,value:n,valueKey:P,valuesKey:J,onFetched:z,...te})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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-tree-select/index.cjs');
+const useComputedValues = require('../../hooks/use-computed-values.cjs');
+const store = require('../../store.cjs');
+
+function TreeSelect({
+  label,
+  disabled,
+  value,
+  onChange,
+  componentProps
+}) {
+  if (componentProps.type !== "TreeSingleSelect" && componentProps.type !== "TreeMultipleSelect") {
+    throw new shared.VefError(-9, `Oops! Something went wrong. The type of the form field is not "TreeSelect", but rendered.`);
+  }
+  const {
+    onChange: onValueChange,
+    onFocus,
+    onBlur,
+    onClear,
+    onSelect,
+    onDeselect,
+    // eslint-disable-next-line ts/ban-ts-comment
+    // @ts-expect-error
+    maxCount,
+    clearable = false,
+    filterable,
+    filterFromRemote,
+    placeholder,
+    keywordKey,
+    valuesKey,
+    fallbackOptionsApi,
+    fallbackOptionsApiParams,
+    resolveFallbackOptions,
+    labelKey,
+    valueKey,
+    descriptionKey,
+    disabledKey,
+    childrenKey,
+    defaultToFirst,
+    api,
+    apiParams,
+    apiEnabled,
+    data,
+    dataDictionaryKey,
+    placeholderData,
+    keepPreviousData,
+    staleTime,
+    onFetched
+  } = componentProps;
+  const [
+    placeholderValue,
+    maxCountValue,
+    keywordKeyValue,
+    valuesKeyValue,
+    fallbackOptionsApiValue,
+    fallbackOptionsApiParamsValue,
+    resolveFallbackOptionsValue,
+    apiValue,
+    apiParamsValue,
+    apiEnabledValue,
+    dataValue,
+    dataDictionaryKeyValue
+  ] = useComputedValues.useComputedValues([
+    {
+      key: "placeholder",
+      rawValue: placeholder,
+      defaultValue: label ? shared.isString(label) ? `\u8BF7\u9009\u62E9${label}` : "\u8BF7\u9009\u62E9" : void 0
+    },
+    {
+      key: "maxCount",
+      rawValue: maxCount
+    },
+    {
+      key: "keywordKey",
+      rawValue: keywordKey
+    },
+    {
+      key: "valuesKey",
+      rawValue: valuesKey
+    },
+    {
+      key: "fallbackOptionsApi",
+      rawValue: fallbackOptionsApi
+    },
+    {
+      key: "fallbackOptionsApiParams",
+      rawValue: fallbackOptionsApiParams
+    },
+    {
+      key: "resolveFallbackOptions",
+      rawValue: resolveFallbackOptions
+    },
+    {
+      key: "api",
+      rawValue: api
+    },
+    {
+      key: "apiParams",
+      rawValue: apiParams
+    },
+    {
+      key: "apiEnabled",
+      rawValue: apiEnabled
+    },
+    {
+      key: "data",
+      rawValue: data
+    },
+    {
+      key: "dataDictionaryKey",
+      rawValue: dataDictionaryKey
+    }
+  ]);
+  const [form, scene, setValues] = store.useFormStore((state) => [state.form, state.scene, state.setValues]);
+  const events = react.useMemo(() => {
+    const events2 = {};
+    if (shared.isFunction(onFocus)) {
+      events2.onFocus = (value2, option) => {
+        const values = form.getFieldsValue();
+        onFocus(value2, {
+          scene,
+          values,
+          setValues,
+          option
+        });
+      };
+    }
+    if (shared.isFunction(onBlur)) {
+      events2.onBlur = (value2, option) => {
+        const values = form.getFieldsValue();
+        onBlur(value2, {
+          scene,
+          values,
+          setValues,
+          option
+        });
+      };
+    }
+    if (clearable && shared.isFunction(onClear)) {
+      events2.onClear = () => {
+        onClear({
+          scene,
+          values: form.getFieldsValue(),
+          setValues
+        });
+      };
+    }
+    events2.onChange = (value2, option) => {
+      onChange?.(value2);
+      if (shared.isFunction(onValueChange)) {
+        const values = form.getFieldsValue();
+        onValueChange(value2, {
+          scene,
+          values,
+          setValues,
+          option
+        });
+      }
+    };
+    if (shared.isFunction(onSelect)) {
+      events2.onSelect = (value2, option) => {
+        onSelect(value2, {
+          scene,
+          values: form.getFieldsValue(),
+          setValues,
+          option
+        });
+      };
+    }
+    if (shared.isFunction(onDeselect)) {
+      events2.onDeselect = (value2, option) => {
+        onDeselect(value2, {
+          scene,
+          values: form.getFieldsValue(),
+          setValues,
+          option
+        });
+      };
+    }
+    return events2;
+  }, [
+    clearable,
+    form,
+    onBlur,
+    onChange,
+    onClear,
+    onDeselect,
+    onFocus,
+    onSelect,
+    onValueChange,
+    scene,
+    setValues
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      api: apiValue,
+      apiEnabled: apiEnabledValue,
+      apiParams: apiParamsValue,
+      childrenKey,
+      clearable,
+      data: dataValue,
+      dataDictionaryKey: dataDictionaryKeyValue,
+      defaultToFirst,
+      descriptionKey,
+      disabled,
+      disabledKey,
+      fallbackOptionsApi: fallbackOptionsApiValue,
+      fallbackOptionsApiParams: fallbackOptionsApiParamsValue,
+      filterable,
+      filterFromRemote,
+      keepPreviousData,
+      keywordKey: keywordKeyValue,
+      labelKey,
+      maxCount: maxCountValue,
+      multiple: componentProps.type === "TreeMultipleSelect",
+      placeholder: placeholderValue,
+      placeholderData,
+      resolveFallbackOptions: resolveFallbackOptionsValue,
+      staleTime,
+      value,
+      valueKey,
+      valuesKey: valuesKeyValue,
+      onFetched,
+      ...events
+    }
+  );
+}
+
+exports.default = TreeSelect;
 /*! 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,5 +1,63 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 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,6 +1,151 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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`
   flex: auto;
   min-height: 0;
-`;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;
+`;
+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;
 /*! 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,3 +1,27 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 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,6 +1,19 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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};
 
   &:last-child {
     margin-bottom: 0;
@@ -9,5 +22,56 @@
   .vef-form-group-content {
     padding: 0 2px;
   }
-`;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;
+`;
+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;
 /*! 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,3 +1,41 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */