@vef-framework/components 1.0.63 → 1.0.64

package/lib/vef-filter/index.cjs

@@ -1,10 +1,152 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),i=require("@emotion/react"),t=require("@vef-framework/hooks"),n=require("@vef-framework/shared"),r=require("antd"),s=require("motion/react"),o=require("react");require("../internal/index.cjs");const a=require("./components/advanced-filter.cjs"),l=require("./components/basic-filter.cjs"),u=require("./event.cjs"),c=require("./hooks/use-action-handlers.cjs"),d=require("./hooks/use-filter-context.cjs"),m=require("./hooks/use-filter-initialization.cjs"),f=require("./hooks/use-filter-instance.cjs"),h=require("./hooks/use-filter-items.cjs"),v=require("./hooks/use-filter-values-change.cjs"),j=require("./store.cjs"),x=require("../internal/utils.cjs"),{useForm:g}=r.Form,q=i.css`
+/*! 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 hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const react$2 = require('motion/react');
+const react$1 = require('react');
+require('../internal/index.cjs');
+const advancedFilter = require('./components/advanced-filter.cjs');
+const basicFilter = require('./components/basic-filter.cjs');
+const event = require('./event.cjs');
+const useActionHandlers = require('./hooks/use-action-handlers.cjs');
+const useFilterContext = require('./hooks/use-filter-context.cjs');
+const useFilterInitialization = require('./hooks/use-filter-initialization.cjs');
+const useFilterInstance = require('./hooks/use-filter-instance.cjs');
+const useFilterItems = require('./hooks/use-filter-items.cjs');
+const useFilterValuesChange = require('./hooks/use-filter-values-change.cjs');
+const store = require('./store.cjs');
+const utils = require('../internal/utils.cjs');
+
+const { useForm } = antd.Form;
+const formStyle = react.css`
   display: block;
   flex-wrap: unset;
 
   .vef-form-item {
     margin-inline-end: 0;
   }
-`;const F=o.forwardRef((function({schema:i,labelPosition:n="top",labelAlign:u="right",labelWidth:m,disabled:g=!1,loading:F=!1,size:b,variant:C,prefix:p,confirmationButton:B,resetButton:V,extraActionButtons:k,onBeforeConfirm:S,onConfirm:w,onReset:A,onChange:P},z){const[I,R,y,M]=j.useFilterStore((e=>[e.form,e.initialValues,e.isLoading,e.isAdvancedFilterVisible])),{handleReset:N,handleConfirm:D,handleConfirmFailed:H}=c.useActionHandlers({onBeforeConfirm:S,onConfirm:w,onReset:A}),{basicItems:E,advancedItems:L}=h.useFilterItems(i),T=o.useMemo((()=>({labelPosition:n,labelAlign:u,labelWidth:m,confirmationButton:B,externalLoading:F,showCollapseButton:L.length>0,handleReset:N,resetButton:V,extraActionButtons:k})),[L.length,B,k,N,u,n,m,F,V]),{handleValuesChange:U}=v.useFilterValuesChange(P);f.useFilterInstance(z,N);const W=t.useContextDisabled()||g||F||y;return e.jsx(r.Form,{colon:!1,css:q,disabled:W,form:I,initialValues:R,layout:"inline",size:x.convertBasicSizeToUiSize(b),variant:C,onFinish:D,onFinishFailed:H,onValuesChange:U,children:e.jsx(t.DisabledContextProvider,{value:W,children:e.jsxs(d.FilterContextProvider,{value:T,children:[e.jsx(l.default,{items:E,prefix:p}),e.jsx(s.AnimatePresence,{children:M&&L.length>0&&e.jsx(a.default,{items:L})})]})})})}));F.displayName="VefFilterBase";const b=o.memo(o.forwardRef((function({initialValues:i,...n},r){const{schema:s}=n,[a]=g(),l=t.useSingleton((()=>new u.FilterEventBus));t.useUnmount((()=>{l.clear()}));const{mergedInitialValues:c,valueChangeHandlers:d,virtualFieldNames:f}=m.useFilterInitialization(s,i),h=o.useMemo((()=>({eventBus:l,form:a,initialValues:c,valueChangeHandlers:d,virtualFieldNames:f})),[l,a,c,d,f]);return e.jsx(j.FilterStoreProvider,{initialState:h,children:e.jsx(F,{ref:r,...n})})})),((e,i)=>n.isDeepEqual(n.omit(e,["initialValues","schema"]),n.omit(i,["initialValues","schema"]))));b.displayName="VefFilter",exports.default=b;
+`;
+function VefFilterBase({
+  schema,
+  labelPosition = "top",
+  labelAlign = "right",
+  labelWidth,
+  disabled = false,
+  loading = false,
+  size,
+  variant,
+  prefix,
+  confirmationButton,
+  resetButton,
+  extraActionButtons,
+  onBeforeConfirm,
+  onConfirm,
+  onReset,
+  onChange
+}, ref) {
+  const [form, initialValues, isLoading, isAdvancedFilterVisible] = store.useFilterStore((state) => [state.form, state.initialValues, state.isLoading, state.isAdvancedFilterVisible]);
+  const {
+    handleReset,
+    handleConfirm,
+    handleConfirmFailed
+  } = useActionHandlers.useActionHandlers({
+    onBeforeConfirm,
+    onConfirm,
+    onReset
+  });
+  const { basicItems, advancedItems } = useFilterItems.useFilterItems(schema);
+  const filterContext = react$1.useMemo(() => ({
+    labelPosition,
+    labelAlign,
+    labelWidth,
+    confirmationButton,
+    externalLoading: loading,
+    showCollapseButton: advancedItems.length > 0,
+    handleReset,
+    resetButton,
+    extraActionButtons
+  }), [
+    advancedItems.length,
+    confirmationButton,
+    extraActionButtons,
+    handleReset,
+    labelAlign,
+    labelPosition,
+    labelWidth,
+    loading,
+    resetButton
+  ]);
+  const { handleValuesChange } = useFilterValuesChange.useFilterValuesChange(onChange);
+  useFilterInstance.useFilterInstance(ref, handleReset);
+  const contextDisabled = hooks.useContextDisabled();
+  const formDisabled = contextDisabled || disabled || loading || isLoading;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Form,
+    {
+      colon: false,
+      css: formStyle,
+      disabled: formDisabled,
+      form,
+      initialValues,
+      layout: "inline",
+      size: utils.convertBasicSizeToUiSize(size),
+      variant,
+      onFinish: handleConfirm,
+      onFinishFailed: handleConfirmFailed,
+      onValuesChange: handleValuesChange,
+      children: /* @__PURE__ */ jsxRuntime.jsx(hooks.DisabledContextProvider, { value: formDisabled, children: /* @__PURE__ */ jsxRuntime.jsxs(useFilterContext.FilterContextProvider, { value: filterContext, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(basicFilter.default, { items: basicItems, prefix }),
+        /* @__PURE__ */ jsxRuntime.jsx(react$2.AnimatePresence, { children: isAdvancedFilterVisible && advancedItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(advancedFilter.default, { items: advancedItems }) })
+      ] }) })
+    }
+  );
+}
+const VefFilterBaseForwarded = react$1.forwardRef(VefFilterBase);
+VefFilterBaseForwarded.displayName = "VefFilterBase";
+function VefFilterWrapper({
+  initialValues,
+  ...restProps
+}, ref) {
+  const { schema } = restProps;
+  const [form] = useForm();
+  const filterEventBus = hooks.useSingleton(() => new event.FilterEventBus());
+  hooks.useUnmount(() => {
+    filterEventBus.clear();
+  });
+  const {
+    mergedInitialValues,
+    valueChangeHandlers,
+    virtualFieldNames
+  } = useFilterInitialization.useFilterInitialization(schema, initialValues);
+  const initialState = react$1.useMemo(() => ({
+    eventBus: filterEventBus,
+    form,
+    initialValues: mergedInitialValues,
+    valueChangeHandlers,
+    virtualFieldNames
+  }), [
+    filterEventBus,
+    form,
+    mergedInitialValues,
+    valueChangeHandlers,
+    virtualFieldNames
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(store.FilterStoreProvider, { initialState, children: /* @__PURE__ */ jsxRuntime.jsx(VefFilterBaseForwarded, { ref, ...restProps }) });
+}
+const VefFilter = react$1.memo(
+  react$1.forwardRef(VefFilterWrapper),
+  (prevProps, nextProps) => shared.isDeepEqual(
+    shared.omit(prevProps, ["initialValues", "schema"]),
+    shared.omit(nextProps, ["initialValues", "schema"])
+  )
+);
+VefFilter.displayName = "VefFilter";
+
+exports.default = VefFilter;
 /*! 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-filter/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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-filter/store.cjs

@@ -1,3 +1,78 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),{StoreProvider:s,useStore:t,useStoreApi:i}=e.createComponentStore("Filter",(s=>(t,i)=>({isAdvancedFilterVisible:!1,setIsAdvancedFilterVisible:e=>{t({isAdvancedFilterVisible:e})},isLoading:!1,setIsLoading:e=>{t({isLoading:e})},invokeValueChangeHandlers:(e,s)=>{const{valueChangeHandlers:t,initialValues:l,setValues:r}=i(),a=e??l,o=s?new Set(s):null;for(const[e,s]of Object.entries(t))o&&!o.has(e)||s(a[e]??null,{values:a,setValues:r})},getValues:()=>{const{form:e,initialValues:s}=i();return e.isFieldsTouched(!0)?s:e.getFieldsValue()},setValues:s=>{const{form:t,eventBus:l,invokeValueChangeHandlers:r}=i(),a=t.getFieldsValue(),o=Object.keys(s).filter((t=>!e.isDeepEqual(s[t],a[t])));t.setFieldsValue(s);const n=t.getFieldsValue();l.emitChange(n),r(n,o)},...s})));exports.FilterStoreProvider=s,exports.useFilterStore=t,exports.useFilterStoreApi=i;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+
+const {
+  StoreProvider: FilterStoreProvider,
+  useStore: useFilterStore,
+  useStoreApi: useFilterStoreApi
+} = shared.createComponentStore(
+  "Filter",
+  (initialState) => (set, get) => ({
+    isAdvancedFilterVisible: false,
+    setIsAdvancedFilterVisible: (isAdvancedFilterVisible) => {
+      set(
+        {
+          isAdvancedFilterVisible
+        }
+      );
+    },
+    isLoading: false,
+    setIsLoading: (isLoading) => {
+      set(
+        {
+          isLoading
+        }
+      );
+    },
+    invokeValueChangeHandlers: (values, keys) => {
+      const {
+        valueChangeHandlers,
+        initialValues,
+        setValues
+      } = get();
+      const valuesToUse = values ?? initialValues;
+      const keySet = keys ? new Set(keys) : null;
+      for (const [name, handler] of Object.entries(valueChangeHandlers)) {
+        if (!keySet || keySet.has(name)) {
+          handler(
+            valuesToUse[name] ?? null,
+            {
+              values: valuesToUse,
+              setValues
+            }
+          );
+        }
+      }
+    },
+    getValues: () => {
+      const { form, initialValues } = get();
+      if (!form.isFieldsTouched(true)) {
+        return form.getFieldsValue();
+      }
+      return initialValues;
+    },
+    setValues: (values) => {
+      const {
+        form,
+        eventBus,
+        invokeValueChangeHandlers
+      } = get();
+      const previousValues = form.getFieldsValue();
+      const changedKeys = Object.keys(values).filter((key) => !shared.isDeepEqual(values[key], previousValues[key]));
+      form.setFieldsValue(values);
+      const currentValues = form.getFieldsValue();
+      eventBus.emitChange(currentValues);
+      invokeValueChangeHandlers(currentValues, changedKeys);
+    },
+    ...initialState
+  })
+);
+
+exports.FilterStoreProvider = FilterStoreProvider;
+exports.useFilterStore = useFilterStore;
+exports.useFilterStoreApi = useFilterStoreApi;
 /*! 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-filter/types.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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-flex/index.cjs

@@ -1,3 +1,36 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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"),o=require("@vef-framework/shared"),t=require("antd"),i=require("react");exports.default=function({gap:u,...a}){const s=r.useGapSizeNormalizer(),n=i.useMemo((()=>o.isArray(u)?[s(u[0]),s(u[1])].join(" "):u?s(u):u),[u,s]);return e.jsx(t.Flex,{gap:n,...a})};
+/*! 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');
+
+function VefFlex({
+  gap,
+  ...props
+}) {
+  const normalizeGapSize = hooks.useGapSizeNormalizer();
+  const gapToUse = react.useMemo(() => {
+    if (shared.isArray(gap)) {
+      return [normalizeGapSize(gap[0]), normalizeGapSize(gap[1])].join(" ");
+    }
+    if (gap) {
+      return normalizeGapSize(gap);
+    }
+    return gap;
+  }, [gap, normalizeGapSize]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Flex,
+    {
+      gap: gapToUse,
+      ...props
+    }
+  );
+}
+
+exports.default = VefFlex;
 /*! 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-flex/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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-float-button/index.cjs

@@ -1,3 +1,54 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@vef-framework/hooks"),t=require("antd"),r=require("react");exports.default=function({appearance:u,tip:n,badge:i,...s}){const a=o.useColorTokens(),c=r.useMemo((()=>{if(!i)return;const{variant:e,count:o,overflowCount:t,showZero:r,color:u}=i;return"dot"===e?{dot:!0,color:u?a.get(u):void 0}:{count:o,overflowCount:t,showZero:r,color:u?a.get(u):void 0}}),[i,a]);return e.jsx(t.FloatButton,{badge:c,tooltip:n,type:u,...s})};
+/*! 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 antd = require('antd');
+const react = require('react');
+
+function VefFloatButton({
+  appearance,
+  tip,
+  badge,
+  ...restProps
+}) {
+  const colorTokens = hooks.useColorTokens();
+  const badgeProps = react.useMemo(() => {
+    if (!badge) {
+      return;
+    }
+    const {
+      variant,
+      count,
+      overflowCount,
+      showZero,
+      color
+    } = badge;
+    if (variant === "dot") {
+      return {
+        dot: true,
+        color: color ? colorTokens.get(color) : void 0
+      };
+    }
+    return {
+      count,
+      overflowCount,
+      showZero,
+      color: color ? colorTokens.get(color) : void 0
+    };
+  }, [badge, colorTokens]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.FloatButton,
+    {
+      badge: badgeProps,
+      tooltip: tip,
+      type: appearance,
+      ...restProps
+    }
+  );
+}
+
+exports.default = VefFloatButton;
 /*! 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-float-button/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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-float-button-group/index.cjs

@@ -1,3 +1,25 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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"),{Group:r}=t.FloatButton;exports.default=function({collapsable:t=!1,trigger:o="click",...i}){return e.jsx(r,{trigger:t?o:void 0,...i})};
+/*! 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 { Group } = antd.FloatButton;
+function VefFloatButtonGroup({
+  collapsable = false,
+  trigger = "click",
+  ...restProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Group,
+    {
+      trigger: collapsable ? trigger : void 0,
+      ...restProps
+    }
+  );
+}
+
+exports.default = VefFloatButtonGroup;
 /*! 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-float-button-group/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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/fields/index.cjs

@@ -1,3 +1,16 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./input.cjs"),t=require("./input-number.cjs");require("./props.cjs");const r={Input:e.default,InputNumber:t.default};exports.fieldMap=r;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const input = require('./input.cjs');
+const inputNumber = require('./input-number.cjs');
+require('./props.cjs');
+
+const fieldMap = {
+  Input: input.default,
+  InputNumber: inputNumber.default
+};
+
+exports.fieldMap = fieldMap;
 /*! 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/input-number.cjs

@@ -1,3 +1,128 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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"),r=require("../../../vef-input-number/index.cjs"),n=require("../../hooks/use-computed-values.cjs"),o=require("../../store.cjs");exports.default=function({label:t,disabled:a,value:l,onChange:i,componentProps:c}){if("InputNumber"!==c.type)throw new s.VefError(-9,'Oops! Something went wrong. The type of the form field is not "InputNumber", but rendered.');const{onChange:d,onEnterKeyPress:f,onFocus:m,onBlur:p,placeholder:V,prefix:x,suffix:g,max:h,min:v}=c,[F,w,b]=o.useFormStore((e=>[e.form,e.scene,e.setValues])),[y,k,j,q,S]=n.useComputedValues([{key:"placeholder",rawValue:V,defaultValue:t?s.isString(t)?`请输入${t}`:"请输入":void 0},{key:"max",rawValue:h},{key:"min",rawValue:v},{key:"prefix",rawValue:x},{key:"suffix",rawValue:g}]),C=u.useMemo((()=>{const e={};return s.isFunction(m)&&(e.onFocus=e=>{const s=F.getFieldsValue();m(e,{scene:w,values:s,setValues:b})}),s.isFunction(p)&&(e.onBlur=e=>{const s=F.getFieldsValue();p(e,{scene:w,values:s,setValues:b})}),e.onChange=e=>{if(i?.(e),s.isFunction(d)){const s=F.getFieldsValue();d(e,{scene:w,values:s,setValues:b})}},s.isFunction(f)&&(e.onPressEnter=e=>{const s=F.getFieldsValue();f(e,{scene:w,values:s,setValues:b})}),e}),[F,p,i,f,m,d,w,b]);return e.jsx(r.default,{disabled:a,max:k,min:j,placeholder:y,prefix:q,suffix:S,value:l,...C})};
+/*! 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-number/index.cjs');
+const useComputedValues = require('../../hooks/use-computed-values.cjs');
+const store = require('../../store.cjs');
+
+function InputNumber({
+  label,
+  disabled,
+  value,
+  onChange,
+  componentProps
+}) {
+  if (componentProps.type !== "InputNumber") {
+    throw new shared.VefError(-9, `Oops! Something went wrong. The type of the form field is not "InputNumber", but rendered.`);
+  }
+  const {
+    onChange: onValueChange,
+    onEnterKeyPress,
+    onFocus,
+    onBlur,
+    placeholder,
+    prefix,
+    suffix,
+    max,
+    min
+  } = componentProps;
+  const [form, scene, setValues] = store.useFormStore((state) => [state.form, state.scene, state.setValues]);
+  const [placeholderValue, maxValue, minValue, prefixValue, suffixValue] = useComputedValues.useComputedValues([
+    {
+      key: "placeholder",
+      rawValue: placeholder,
+      defaultValue: label ? shared.isString(label) ? `\u8BF7\u8F93\u5165${label}` : "\u8BF7\u8F93\u5165" : void 0
+    },
+    {
+      key: "max",
+      rawValue: max
+    },
+    {
+      key: "min",
+      rawValue: min
+    },
+    {
+      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
+        });
+      };
+    }
+    return events2;
+  }, [
+    form,
+    onBlur,
+    onChange,
+    onEnterKeyPress,
+    onFocus,
+    onValueChange,
+    scene,
+    setValues
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      disabled,
+      max: maxValue,
+      min: minValue,
+      placeholder: placeholderValue,
+      prefix: prefixValue,
+      suffix: suffixValue,
+      value,
+      ...events
+    }
+  );
+}
+
+exports.default = InputNumber;
 /*! 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 */